应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。 创建英雄组件 使用 Angular CLI 创建一个名为 heroes 的新组件。 ng generate component heroes CLI 创建了一个新的文件夹, src/app/heroes/ ,并生成了 HeroesComponent 的 4 个文件。 HeroesComponent 的类文件如下: heroes.component.ts import { Component, OnInit } from '@angular/core' ; @Component ({ selector: 'app-heroes' , templateUrl: './heroes.component.html' , styleUrls: [ './heroes.component.css' ] }) export class HeroesComponent implements OnInit { constructor() { } ngOnInit() { } } 你要从 Angular 核心库中导入 Component 符号,并为组件类加上 @ Component 注解。 @ Component 是一个修饰器函数,这个函数为组件指定了 Angular 元数据。 CLI 自动生成了三个元数据属性: selector — 组件的 CSS 元素选择器。 templateUrl — 组件模板文件的位置。 styleUrls — 组件私有 CSS...
Comments
Post a Comment