Question

我有一个用TypeScript编写的Angular 1.5组件，我想知道如何访问控制器中的绑定。

这是：

export interface IMyController {
    myMethod: () => void;
}

class MyController implements IMyController {
    $onInit(): void {
    } 
    public myMethod(): void {
    }
}

angular.module('mymodule').component(
  'myCmp', {
      controller: MyController,
      controllerAs: 'vm',
      templateUrl: 'myCmp.component.html',
      bindings: {
          data: '=',
          label: '='
      }
});

有人可以帮助我吗？

Answer 1

他们只是分配给你的类对象。因此，尝试为绑定组合一些数据，然后尝试访问。

class MyController implements IMyController {
 $onInit(): void {
   console.log(this.data, this.label);
 } 
 public myMethod(): void {
 }
}

angular.module('mymodule').component(
  'myCmp', {
    controller: MyController,
    controllerAs: 'vm',
    templateUrl: 'myCmp.component.html',
    bindings: {
      data: '=',
      label: '='
    }
});

Answer 2

我刚刚那样做了：

class MyController implements IMyController {
  public data: string;
  public label: string;
  $onInit(): void {
  } 
  public myMethod(): void {
  }
}

并且有效。

TypeScript中的Angular 1.5组件，带有绑定

2 个答案: