2016-11-29 9 views
0

Я создал компонент angularjs 1.5 с помощью машинописных шрифтов, но он не работает, и когда я говорю, что он не работает, он не работает вообще. Я вижу данные на моей консоли, когда она запускает функцию $ onInit, но никогда не помещает какие-либо данные на экран. Это мой первый снимок на машинописном тексте и действительно оценят, сможет ли кто-нибудь указать мне в правильном направлении?Angularjs 1.5 компонент с машинописным текстом не работает

мой код компонента ниже

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> 

ответ