[发明专利]一种angular5动态加载图片效果的方法有效
| 申请号： | 201810468480.2 | 申请日： | 2018-05-16 |
| 公开（公告）号： | CN108664246B | 公开（公告）日： | 2021-01-15 |
| 发明（设计）人： | 叶智豪;黄衍博;周保群;黄燕飞 | 申请（专利权）人： | 广东睿江云计算股份有限公司 |
| 主分类号： | G06F8/38 | 分类号： | G06F8/38 |
| 代理公司： | 佛山市禾才知识产权代理有限公司 44379 | 代理人： | 朱培祺 |
| 地址： | 528000 广东省佛山市禅城区*** | 国省代码： | 广东;44 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 一种angular5动态加载图片效果的方法，包括布置好网页内容区域的样式布局，使用angular5动态加载图片效果包括以下步骤：在布置好的网页内容区域里，创建tab按钮一和tab按钮二；在tab按钮二中创建TemplateRef模板，并用ng‑template标签包裹，然后标记ng‑template标签为’#tp’，在模板中放置图片；在tab按钮二中创建ViewContainerRef视图容器，并用ng‑container标签包裹，然后标记ng‑container标签为’#content’；在TypeScript文件中引入ngAftreViewChecked生命周期；编写一个函数，在函数中使用angular5的nglf方法判断在ngAftreViewChecked生命周期，插入的图片是否可以动态加载。本发明提出一种angular5动态加载图片效果的方法，通过使用angular5的ngIf方法与ngAftreViewChecked生命周期，使图片动态加载效果正常显示。 | ||
| 搜索关键词： | 一种 angular5 动态 加载 图片 效果 方法 | ||
【主权项】：
1.一种angular5动态加载图片效果的方法，包括布置好网页内容区域的样式布局，其特征在于：使用angular5动态加载图片效果包括以下步骤：步骤A：在布置好的网页内容区域里，创建tab按钮一和tab按钮二，并在网页内容区域里分别写入tab按钮一和tab按钮二；步骤B：在tab按钮二中创建TemplateRef模板，并将TemplateRef模板用ng‑template标签包裹，然后标记ng‑template标签为’#tp’，然后在模板中放置图片；在tab按钮二中创建ViewContainerRef视图容器，并将ViewContainerRef视图容器用ng‑container标签包裹，然后标记ng‑container标签为’#content’；步骤C：在TypeScript文件中引入ngAftreViewChecked生命周期；步骤D：编写一个函数，在函数中使用angular5的nglf方法判断在ngAftreViewChecked生命周期，插入的图片是否可以动态加载。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于广东睿江云计算股份有限公司，未经广东睿江云计算股份有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201810468480.2/，转载请声明来源钻瓜专利网。
