angular模板組件Component的創建及使用例子

創建模板:listcomponent

ng g c listcomponent -is


App.Component.html中使用listcomponent模板

選中listcomponent文件夾下的listcomponent.component.ts文件,查看@Component中selector:的值

@Component({
    selector: 'app-listcomponent',
    templateUrl: './listcomponent.component.html',
    styles: []
})


當前selector名稱就是app-listcomponent

在需要使用listcomponent模板的位置插入

<app-listcomponent></app-listcomponent>

標簽就可以直接使用listcomponent模板信息了

例如:

blob.png


由于我們是ng g c listcomponent 創建的模板,創建過程中系統自動在app.module.ts中 import了模板內容,所以可以直接引用,如果自己手動創建的話 需要在app.module.ts中引用下模板

blob.png



轉載請說明出處:原文鏈接 http://www.yixcsu.live/qdjs/52

相關閱讀:

安裝npm包應該放在devDependencies還是dependencies

AntDesign Of Angular之響應式柵格尺寸:nzXs、nzSm、nzMd、nzLg、nzXl、nzXXl

Angular響應式表單校驗及提交主動觸發所有校驗

Angular 報錯 Can't bind to 'formGroup' since it isn't a known property of 'form'

Angular Ionic項目build打包后發布到IIS刷新報錯404解決方法

大乐透专家预测 大话西游2经典版赚钱6 wow3.13骑士刷怪 赚钱 网球比分网球比分 捕鱼大师的工具包 餐饮店的赚钱数字pdf 赚钱的电影电视剧 成都麻将算牌技巧 山东群英会 美国次级贷后什么最赚钱 好运彩3 连云港卖什么好赚钱 明星三缺一免费麻将玩 七星彩 开宠物粮店赚钱吗 全民老友内蒙古麻将 黑龙江11选5