对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 相关文章推荐
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
js模拟C#中List的简单实例
Mar 06 Javascript
使用typeof方法判断undefined类型
Sep 09 Javascript
JavaScript参数个数可变的函数举例说明
Oct 10 Javascript
jQuery实现的支持IE的html滑动条
Mar 16 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
面试常见的js算法题
Mar 23 Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
Nov 21 Javascript
JS 数组基本用法入门示例解析
Jan 16 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/01/10 PHP
php随机抽奖实例分析
2015/03/04 PHP
PHP-FPM实现性能优化
2016/03/31 PHP
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
vue如何引用其他组件(css和js)
2017/04/13 Javascript
详解angularjs popup-table 弹出框表格指令
2017/09/20 Javascript
vue axios 二次封装的示例代码
2017/12/08 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python简单实现基数排序算法
2015/05/16 Python
通过mod_python配置运行在Apache上的Django框架
2015/07/22 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
pandas中Timestamp类用法详解
2017/12/11 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
使用python进行文本预处理和提取特征的实例
2018/06/05 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
数学专业推荐信范文
2013/11/21 职场文书
我的梦想演讲稿500字
2014/08/21 职场文书
2015年元旦主持词开场白
2014/12/14 职场文书
费用申请报告范文
2015/05/15 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书