Angular-component(組件)
阿新 • • 發佈:2018-03-05
數據 highlight nts str -c 使用 當前 col code
在當前項目目錄下,使用Angular-CLI生成一個組件:heroes
ng generate component heroes
//heroes.component.html <p> heroes works! </p> //heroes.component.css //heroes.component.ts import { Component, OnInit } from ‘@angular/core‘;
//始終Component
從Angular核心庫中導入符號,並使用註釋組件類。是指定組件的Angular元數據的裝飾器函數。
//@Component
@Component({ //組件的CSS元素選擇器 selector: ‘app-heroes‘, //組件模板文件的位置 templateUrl: ‘./heroes.component.html‘, //組件的私有CSS樣式的位置 styleUrls: [‘./heroes.component.css‘] }) export class HeroesComponent implements OnInit { constructor() { } ngOnInit() { } }
Angular-component(組件)