英雄教程

*ngIf=' '
*ngFor='let obj of objs'
[class.类名]=" 返回一个布尔值 "
[(ngModel)]="hero.name"//需要app.module.ts中的FormsModule

• 要定义一个组件，我们总是要先import导入符号Component。
  • 组件的类名应该是大驼峰形式，并且以Component结尾。因此英雄详情组件的类名是HeroDetailComponent。
  • 组件的文件名应该是小写中线形式，每个单词之间用中线分隔，并且以.component.ts结尾。 因此HeroDetailComponent类应该放在hero-detail.component.ts文件中。

• 建议每个文件中只有一个类,即被export的那个。出现多个class时,将多余的作为.ts文件分出去,然后用import导入。
• 新的component组件需要在模块中声明,才能被使用。

• 父子组件传值

在等号的左边，是方括号围绕的hero属性，这表示它是属性绑定表达式的目标。 我们要绑定到的目标属性必须是一个输入属性，否则Angular会拒绝绑定，并抛出一个错误。此时,子组件中需要 :

import { Component, OnInit , Input } from '@angular/core';

@Input() hero={};