typescript不工作的Angularjs 1.5组件
我已经使用typescript创建了angularjs 1.5组件,但它不工作,当我说它不工作时,它的绑定根本不工作。当我的控制台启动$onInit函数时,我可以在控制台中看到数据,但它从未将任何数据显示在屏幕上。这是我在typescript上的第一次尝试,如果有人能给我指出正确的方向,我会很高兴的 我的组件代码如下typescript不工作的Angularjs 1.5组件,angularjs,typescript,angular-components,Angularjs,Typescript,Angular Components,我已经使用typescript创建了angularjs 1.5组件,但它不工作,当我说它不工作时,它的绑定根本不工作。当我的控制台启动$onInit函数时,我可以在控制台中看到数据,但它从未将任何数据显示在屏幕上。这是我在typescript上的第一次尝试,如果有人能给我指出正确的方向,我会很高兴的 我的组件代码如下 class Users implements ng.IComponentOptions { public bindings: any; public control
class Users implements ng.IComponentOptions {
public bindings: any;
public controller: any;
public template: string;
public templateUrl: string;
public transclude: boolean;
public controllerAs: string;
constructor() {
this.controller = UsersController;
this.templateUrl = "Template/Index?feature=users&template=users";
this.transclude = false;
this.controllerAs = "vm";
}
}
class UsersController {
public name: string;
public test: string;
public Users: any[];
static $inject: string[] = ["$http", "repository.user"];
constructor(private $http: any, private RepositoryUser: any) {
}
public $onInit(): void {
this.RepositoryUser.getUsers().then(function (response) {
this.Users = response.data;
console.dir(this.Users);
});
}
public setUser(id: number, value: any): void {
this.Users[this.Users.indexOf(value)] = value;
}
}
angular.module("app.users").component("users", new Users());
我的html是
<div class="row">
<div class="col-sm-12">
<ng-form>
<h2>Users</h2>
<div ng-repeat="model in vm.Users track by $index" class="row top10">
<div class="col-sm-8">
<a ui-sref="user-details({ id: model.id })"><strong ng-bind="model.name"></strong></a>
</div>
<div class="col-sm-4">
<button class="btn btn-default" type="button" ng-click="vm.selectedId=model.id">Select</button>
</div>
</div>
</ng-form>
</div>
</div>
使用者
挑选
尝试使用以下语法:
这篇文章是用法语写的,但是你可以读一下示例代码
如果您有更多问题,请告诉我。尝试使用以下语法:
这篇文章是用法语写的,但是你可以读一下示例代码
如果你有更多问题,请告诉我