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

在《英雄之旅》教程中，

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'
      };
    }

从'@angular/core'导入{Component}；
出口级英雄{
id：编号；
名称：字符串；
}
@组成部分({
选择器：“我的应用程序”，
模板：`
{{title}}
{{hero.name}}详细信息！
id:{{hero.id}
姓名：
`
})
导出类AppComponent{
标题=‘英雄之旅’；
英雄：英雄={
id:1，
名称：“风暴”
};
}

---

Angular2是否假设

@组件

声明之后的类是负责创建用于填充模板的数据的类

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

Component decorator允许您将一个类标记为角度组件，并提供额外的元数据来确定在运行时如何处理、实例化和使用该组件

---

阅读更多。

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

Component decorator允许您将一个类标记为角度组件，并提供额外的元数据来确定在运行时如何处理、实例化和使用该组件

阅读更多

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

是的，这是typescript规范：

类装饰器是在类声明之前声明的。这个 类装饰器应用于类的构造函数，可以 用于观察、修改或替换类定义。班级 decorator不能在声明文件或任何其他文件中使用 环境上下文（例如在declare类上）

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

是的，这是typescript规范：

类装饰器是在类声明之前声明的。这个 类装饰器应用于类的构造函数，可以 用于观察、修改或替换类定义。班级 decorator不能在声明文件或任何其他文件中使用 环境上下文（例如在declare类上）