同级组件之间的引用

Posted 2022-05-08 rockyjs

同级组件之间的引用：

组件的创建模式在上一篇文章中写到过  ng g component components / 组件名

新建组件的方法有两种，同样的，在这里推荐命令的方式进行（可以省略手动添加配置）

在命令的方式下，创建组件之后，就已经在根模块中进行了配置，这时候只需要在需要引用的组件中进行引用，

引用的方式就是输入对应的组件名即可

例如： <app-news></app-news>

ng 是修改之后页面会实时刷新的，如果你发现页面出现了问题，可能是项目停止了运行，在命令行中在ng serve --open 即可

---

 

数据绑定：

　定义数据： 数据的定义是在各个组件中的.ts文件中进行

例如： news.component.ts中进行定义数据

　　　　export class NewsComponent implements OnInit中对数据进行绑定

　　　　export class NewsComponent implements OnInit

　　　　　　title="面朝大海，春暖花开"

在news.component.html中加入title即可

<h2>title</h2>