'controllerAs' 指令的 属性 在 Angular 2 组件中的模拟是什么？

Question

我开始将我的 Angular 1 指令之一迁移到 Angular 2 组件。

我当前使用的指令具有 controllerAs: 'ctrl' 属性 并且该指令的模板在访问属性时使用 'ctrl.' 前缀。

查看 official ComponentMetadata doc 我没有看到任何可以用来代替这个的属性。

Answer 1

Angular 2 中没有 controllerAs 的等效项。例如，给定此控制器 class 和模板：

@Component({
    selector: 'component-a',
    template: `<div class="component-a">
                <div class="counter" (click)="increment()">Component A: {{counter}}</div>
              </div>`
})
export class ComponentA {

    counter = 0;

    increment() {
        this.counter += 1;
    }

}

在方法 increment() 中，this 绑定到该特定组件本身的控制器实例。在模板中，可以通过 {{counter}}.

访问计数器

正如我们所见，没有命名控制器的机制，因为我们已经可以使用默认功能访问它。

您可以认为 controllerAs 机制已集成到 Angular 2 的默认组件功能中，或者该功能已被删除，因为它不再需要，具体取决于您的外观