Question

我一直认为，Angular 1的一个很棒的功能是，开发人员可以在控制器中编写业务逻辑，而无需引用与标记和呈现相关的任何内容。

在阅读Angular 2文档时，我注意到了这样的代码：

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent { }

这是否意味着，在Angular 2中不再是这种情况，开发人员必须从业务逻辑中引用模板？

Answer 1

自从Angular2支持组件类及其关联模板之间的绑定以来，情况仍然如此。

以下是一个简单的示例：

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
    <h1>{{title}}</h1>
    <div (click)="executeProcessing()">Execute</div>
  `
})
export class AppComponent {
  title:string = 'some title';

  executeProcessing() {
    console.log('some processing');
  }
}

有关ttempalte语法的更多详细信息，请参阅以下链接：

https://angular.io/docs/ts/latest/guide/template-syntax.html

Angular 2是否支持引用从模板中分配控制器，如版本1中所示？

1 个答案: