对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 相关文章推荐
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
javascript arguments使用示例
Dec 16 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
js移动焦点到最后位置的简单方法
Nov 25 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
微信小程序实现的自定义分享功能示例
Feb 12 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
PHP PDOStatement::debugDumpParams讲解
2019/01/30 PHP
我见过最全的个人js加解密功能页面
2007/12/12 Javascript
基于jQuery的树控件实现代码(asp.net+json)
2010/07/11 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
jquer之ajaxQueue简单实现代码
2011/09/15 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
2011/10/24 Javascript
JQuery对class属性的操作实现按钮开关效果
2013/10/11 Javascript
jQuery动画与特效详解
2015/02/01 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
利用transition实现文字上下抖动的效果
2017/01/21 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
ES6中参数的默认值语法介绍
2017/05/03 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
angular组件间传值测试的方法详解
2020/05/07 Javascript
python使用scrapy解析js示例
2014/01/23 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
python合并同类型excel表格的方法
2018/04/01 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
python数组循环处理方法
2019/08/26 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
法国春天百货官网:Printemps.com
2020/06/29 全球购物
解释DataSet(ds) 和 ds as DataSet 的含义
2014/07/27 面试题
萤火虫之墓观后感
2015/06/05 职场文书
人与自然观后感
2015/06/16 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
python办公自动化之excel的操作
2021/05/23 Python
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js