素材巴巴 > 程序开发 >

angular知识点--组件内容嵌入

程序开发 2023-09-06 08:09:50

碎碎念:知识点梳理归纳,如果有什么不对的感谢大家指正一起学习!

组件内容嵌入:

  1. 通常用来创建可复用的组件,例:对话框、导航栏。
  2. 可以同时使用多个嵌入内容
  3. 类型:标签选择器、类选择器、属性选择器

逻辑:

  1. 定义一个test组件,指定多个内容嵌入,让里面的内容可动态变化

代码:

  1. test 组件
// html

ng-content 示例


  1. 使用test组件的组件
// html
 
我是头部
我是身体

我是脚部

效果:

在这里插入图片描述


总结:

可以观察一下最后渲染出来的html结构


标签:

上一篇: AngularJS 后退按钮 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。