angular - 在 asp.net 5 Razor View 中使用 angular2

Question

在 Angular 1 中，我们为 Razor View 中的任何 HTML 标记设置 ng-controller，并使用 Angular Controller 中定义的函数。我怎样才能实现这个观点Angular2？例如，我想在 Razor View 中单击一个 HTML 标记并从 angular2 组件或指令调用一个方法。

我们将不胜感激。

Answer 1

Angular 中不再有 Controller 的概念。 View 现在由组件管理。

在与组件关联的模板中，您可以利用其方法和状态。下面是一个示例:

import {Component} from 'angular2/core';
import {CompanyService, Company} from './app.service';

@Component({
    selector: 'company-list',
    template: `
      <h1>Companies</h1>
      <ul>
        <li *ngFor="#company of companies">
          <a href="#" (click)="selectCompany(company)">
            {{company.name}}
          </a>
        </li>
      </ul>
    `
})
export class ListComponent {
  constructor(service:CompanyService,router:Router) {
    this.service = service;
    this.companies = service.getCompanies();
  }

  selectCompany(company:Company) {
    (...)
    return false;
  }
}

click 事件使用语法 (click) 附加到 selectCompany 方法。

希望对你有帮助，蒂埃里