关于angular:angular学习之通俗易懂篇新建组件并调用

1、新建angular我的项目:

2、进入angulardemo1目录,并启动我的项目:

3、在浏览器关上:

4、新建组件

 这就是在app文件夹下新建了目录component并创立组件componentA

此刻目录如下:

 app.module.ts中会主动引入咱们新建的组件,并申明,咱们就能在我的项目其余中央应用这些组件了

5、应用组件:

tips:组件相当于模板,哪里须要就能拿到哪里去用!!!

找到组件ts文件中的标签名,之后就能用这个标签名应用组件:

 删除app.component.html中的代码,也就是默认启动页面中的内容:

在app.component.html中应用组件A:

 重新启动我的项目,浏览器显示为:

 

 阐明组件应用胜利!!!

用同样的办法新建组件,并调用:

 

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据