对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 相关文章推荐
prototype class详解
Sep 07 Javascript
比较全的JS checkbox全选、取消全选、删除功能代码
Dec 19 Javascript
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
Jquery异步请求数据实例代码
Dec 28 Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 Javascript
如何获取元素的最终background-color
Feb 06 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 Javascript
详解JVM系列之内存模型
Jun 10 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
Adodb的十个实例(清晰版)
2006/12/31 PHP
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
Javascript中的常见排序算法
2007/03/27 Javascript
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
2013/05/03 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
2015/03/12 Javascript
javascript每日必学之循环
2016/02/19 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
Python下载懒人图库JavaScript特效
2015/05/28 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
Python with语句和过程抽取思想
2019/12/23 Python
python3.7+selenium模拟淘宝登录功能的实现
2020/05/26 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
Coltorti Boutique官网:来自意大利的设计师品牌买手店
2018/11/09 全球购物
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
保险经纪人求职信
2014/03/11 职场文书
学年个人总结范文
2015/03/05 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python
Win Server2016远程桌面如何允许多用户同时登录
2022/06/10 Servers