对angular2中的ngfor和ngif指令嵌套实例讲解


Posted in Javascript onSeptember 12, 2018

ng2 结构指令不能直接嵌套使用,可使用标签来包裹指令

示例如下

<ul>
<ng-container *ngFor="let item of lists">
<div class="thumb p-date" *ngIf="item.picurl">
<a href="# " rel="external nofollow" ><img src="{{item.picurl}} " alt=" " style="width:79px;height: 70px; "></a>
</div>
</ng-container>
</ul>:

以上这篇对angular2中的ngfor和ngif指令嵌套实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js类中的公有变量和私有变量
Jul 24 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
js+css3制作时钟特效
Oct 16 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
如何使node也支持从url加载一个module详解
Jun 05 Javascript
jQuery实现网页拼图游戏
Apr 22 jQuery
vuex实现及简略解析(小结)
Mar 01 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 #Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 #Javascript
bootstrap table表格插件之服务器端分页实例代码
Sep 12 #Javascript
详解html-webpack-plugin插件(用法总结)
Sep 12 #Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 #Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 #Javascript
Vue.js 十五分钟入门图文教程
Sep 12 #Javascript
You might like
PHP编实现程动态图像的创建代码
2008/09/28 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
php遍历树的常用方法汇总
2015/06/18 PHP
PHP的全局错误处理详解
2016/04/25 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
2020/04/21 Javascript
在微信小程序里使用watch和computed的方法
2018/08/02 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
Python生成随机验证码的两种方法
2015/12/22 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
深入理解css中vertical-align属性
2017/04/18 HTML / CSS
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
Perfumetrader荷兰:香水、化妆品和护肤品在线商店
2017/09/15 全球购物
The Outnet亚太地区:折扣设计师时装店
2019/12/05 全球购物
初中同学聚会感言
2014/02/11 职场文书
财务整改报告范文
2014/11/05 职场文书
部队2015年终工作总结
2015/04/02 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技
索尼ICF-5900W收音机测评
2022/04/24 无线电