angular自定义组件

https://cli.angular.io/


 

打开终端创建header组件:

ng g component components/header
import { Component, OnInit } from '@angular/core'; /*引入 angular 核心*/

@Component({
  selector: 'app-header', /*使用这个组件的名称*/
  templateUrl: './header.component.html', /*html 模板*/
  styleUrls: ['./header.component.scss'] /*css 样式*/
})
export class HeaderComponent implements OnInit { /*实现接口*/

  constructor() { }/*构造函数*/

  ngOnInit() {/*初始化加载的生命周期函数*/
  }

}

 

 

上一篇:angular中父组件给子组件传值-@input


下一篇:Angular 中 @ViewChild 与 @ContentChild 的区别