ng-content的一个实际例子

源代码：https://github.com/wangzixi-diablo/ngDynamic/tree/main/src/app/ng-content

parent：

<div style="background-color: #e54a62"><ng-content select="[name=test]"></ng-content></div>

消费者代码：

其中属性为name，值为test的p节点，会落在app-content-section里定义的红色div内。而测试测试测试，会落在蓝色div内。

div节点会跑到绿色区域内：

更多Jerry的原创文章，尽在：“汪子熙”:

ng-content的一个实际例子相关推荐

漫画爬虫的一个小小的例子
逢年过节胖三斤,技术手法退十年.- - 差不多一个多月没碰博客了,都快要没手感了. 说一下前一段时间玩爬虫的时候作死的一个小例子吧.大概的描述就是闲的没事做,去爬了一个漫画网站,想着成功了去装个逼.结 ...
flexpaper java 例子_Flexpaper二次开发入门教程》(十) Flexpaper简单使用-第一个Flexpaper例子...
4. Flexpaper简单使用通过上面三章的内容,大家对Flexpaper.SWFTools应该有大概的了解了,SWF文件也已经生成了,我们开始进入Flexpaper的使用的介绍. 本章中只演示F ...
SAP MM采购定价过程的一个简单例子
SAP MM采购定价过程的一个简单例子本文以一个简单的例子阐述了SAP MM模块中采购定价的基本原理.本例中,假定采购订单里输入的是含税采购价,然后系统自动计算出物料最终的采购价格(含税价-税额=采 ...
用一个实际例子理解Docker volume工作原理
要了解Docker Volume,首先我们需要理解Docker文件系统的工作原理.Docker镜像是由多个文件系统的只读层叠加而成.当一个容器通过命令docker run启动时,Docker会加载只读 ...
决策树的构造——一个手工例子
决策树的构造--一个手工例子这个数据集来自Mitchell的机器学习,叫做是否去打网球play-tennis,以下数据仍然是从带逗号分割的文本文件,复制到纪事本,把后缀直接改为.csv就可以拿Exc ...
一个ioc例子jdk和spring版本导致问题
今天橘子松在做一个简单例子的时候,出现bug让我久久找了半小时... 天啊不会吧错误如下: java.lang.NoSuchMethodError: org.springframework.a ...
SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子
如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...
用一个实际例子理解Docker volume工作原理 1
要了解Docker Volume,首先我们需要理解Docker文件系统的工作原理.Docker镜像是由多个文件系统的只读层叠加而成.当一个容器通过命令docker run启动时,Docker会加载只读 ...
MVVM模式的一个小例子
使用SilverLight.WPF也有很长时间了,但是知道Binding.Command的基本用法,对于原理性的东西,一直没有深究.如果让我自己建一个MVVM模式的项目,感觉还是无从下手,最近写了一个 ...
安装 PyTorch C++ API libtorch 及一个最小例子
安装 PyTorch C++ API libtorch 及一个最小例子翻译自:https://pytorch.org/cppdocs/installing.html 我们提供依赖 PyTorch 所 ...

ng-content的一个实际例子

ng-content的一个实际例子相关推荐

最新文章

热门文章