Question

在浏览heros教程时，app.component.ts代码如下所示：

    import { Component } from '@angular/core';

    export class Hero {
      id: number;
      name: string;
    }

    @Component({
      selector: 'my-app',
      template: `
        <h1>{{title}}</h1>
        <h2>{{hero.name}} details!</h2>
        <div><label>id: </label>{{hero.id}}</div>
        <div>
          <label>name: </label>
          <input [(ngModel)]="hero.name" placeholder="name">
        </div>
        `
    })


    export class AppComponent {
      title = 'Tour of Heros';
      hero: Hero = {
        id: 1,
        name: 'Windstorm'
      };
    }

Angular2是否认为@component声明之后的类是负责创建用于填充模板的数据的类？

Answer 1

Angular2是否假设@component声明之后的类是负责创建用于填充模板的数据的类？

是的，这是打字稿规范：

类装饰器在类声明之前声明。该 class decorator应用于类的构造函数并且可以用于观察，修改或替换类定义。一类装饰器不能用于声明文件或任何其他文件环境上下文（例如在声明类上）。

https://www.typescriptlang.org/docs/handbook/decorators.html#class-decorators

Answer 2

是的 - @Component是该类的装饰器。从角度文档：

组件装饰器允许您将类标记为Angular组件，并提供其他元数据，以确定如何在运行时处理，实例化和使用组件。

了解更多here。

Angular2如何知道哪个组件对应于模板？

2 个答案: