*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组件需要在模块中声明,才能被使用。
- 父子组件传值
<app-hero-details [hero]="selectedHero"></app-hero-details>
在等号的左边,是方括号围绕的hero属性,这表示它是属性绑定表达式的目标。 我们要绑定到的目标属性必须是一个输入属性,否则Angular会拒绝绑定,并抛出一个错误。此时,子组件中需要 :
import { Component, OnInit , Input } from '@angular/core';
@Input() hero={};