英雄教程

*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={};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容