对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 相关文章推荐
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 Javascript
Jquery对数组的操作技巧整理
Mar 25 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
Django+Vue.js搭建前后端分离项目的示例
Aug 07 Javascript
layui 表格的属性的显示转换方法
Aug 14 Javascript
原生JS实现前端本地文件上传
Sep 08 Javascript
微信 jssdk 签名错误invalid signature的解决方法
Jan 14 Javascript
Vue开发Html5微信公众号的步骤
Apr 11 Javascript
基于Node.js的大文件分片上传示例
Jun 19 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 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
基于empty函数的输出详解
2013/06/17 PHP
php多维数组去掉重复值示例分享
2014/03/02 PHP
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
PHP编写简单的App接口
2016/08/28 PHP
JavaScript中的apply()方法和call()方法使用介绍
2012/07/25 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
2015/09/06 Javascript
详解JS面向对象编程
2016/01/24 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
Bootstrap源码解读导航(6)
2016/12/23 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
详解用node-images 打造简易图片服务器
2017/05/08 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
JS实现将二维数组转为json格式字符串操作示例
2018/07/12 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
python实现目录树生成示例
2014/03/28 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
浅谈Python批处理文件夹中的txt文件
2019/03/11 Python
Python设置matplotlib.plot的坐标轴刻度间隔以及刻度范围
2019/06/25 Python
python 常见的排序算法实现汇总
2020/08/21 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
西雅图电动自行车公司:Rad Power Bikes
2020/02/02 全球购物
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2014年环境整治工作总结
2014/12/10 职场文书
签字仪式主持词
2015/07/03 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
vue实现登陆页面开发实践
2022/05/30 Vue.js
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers