乐趣区

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

1、新建 angular 我的项目:

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

3、在浏览器关上:

4、新建组件

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

此刻目录如下:

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

5、应用组件:

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

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

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

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

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

 

 阐明组件应用胜利!!!

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

 

退出移动版