码迷,mamicode.com
首页 > 其他好文 > 详细

同级组件之间的引用

时间:2019-07-24 13:08:50      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:one   init   serve   创建   news   class   title   引用   com   

同级组件之间的引用:

组件的创建模式在上一篇文章中写到过  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>

 

同级组件之间的引用

标签:one   init   serve   创建   news   class   title   引用   com   

原文地址:https://www.cnblogs.com/rockyjs/p/11237241.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!