同級(jí)組件之間的引用:
組件的創(chuàng)建模式在上一篇文章中寫到過? ng g component components / 組件名
新建組件的方法有兩種瓷产,同樣的浸踩,在這里推薦命令的方式進(jìn)行(可以省略手動(dòng)添加配置)
在命令的方式下正卧,創(chuàng)建組件之后碴倾,就已經(jīng)在根模塊中進(jìn)行了配置,這時(shí)候只需要在需要引用的組件中進(jìn)行引用平窘,
引用的方式就是輸入對(duì)應(yīng)的組件名即可
例如: <app-news></app-news>
ng 是修改之后頁面會(huì)實(shí)時(shí)刷新的,如果你發(fā)現(xiàn)頁面出現(xiàn)了問題凳怨,可能是項(xiàng)目停止了運(yùn)行瑰艘,在命令行中在ng serve --open 即可
數(shù)據(jù)綁定:
定義數(shù)據(jù): 數(shù)據(jù)的定義是在各個(gè)組件中的.ts文件中進(jìn)行
例如: news.component.ts中進(jìn)行定義數(shù)據(jù)
export class NewsComponent implements OnInit中對(duì)數(shù)據(jù)進(jìn)行綁定
export class NewsComponent implements OnInit{
title="面朝大海,春暖花開"
}
在news.component.html中加入title即可
<h2>{{title}}</h2>