Angular 2是否支持像版本1中那樣引用模板中的分配控制器？

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