对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 bug table元素的innerHTML
Jan 11 Javascript
通过JavaScript控制字体大小的代码
Oct 04 Javascript
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
Jan 08 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
Mar 01 Javascript
jquery插件格式实例分析
Jun 16 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
如何基于js判断浏览器版本
Feb 20 Javascript
手把手教您实现react异步加载高阶组件
Apr 07 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 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
玩家交还《星际争霸》原始码光盘 暴雪报以厚礼
2017/05/05 星际争霸
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
php 读取输出其他文件的实现方法
2016/07/26 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
基于jquery的气泡提示效果
2010/05/31 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
VS2008中使用JavaScript调用WebServices
2014/12/18 Javascript
javascript实现五星评分功能
2015/11/10 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
Bootstrap按钮组实例详解
2017/07/03 Javascript
JavaScript 通过Ajax 动态加载CheckBox复选框
2017/08/31 Javascript
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
vue 实现剪裁图片并上传服务器功能
2018/03/01 Javascript
详解angular如何调用HTML字符串的方法
2018/06/30 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
vue单应用在ios系统中实现微信分享功能操作
2020/09/07 Javascript
Vue双向数据绑定(MVVM)的原理
2020/10/03 Javascript
[04:22]DSPL第二期精彩集锦:残血反杀!
2014/12/10 DOTA
简单实现python画圆功能
2018/01/25 Python
python多维数组分位数的求取方式
2020/03/03 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
创意爱尔兰礼物:Creative Irish Gifts
2020/01/29 全球购物
安全生产活动月方案
2014/03/09 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
工作作风建设心得体会
2014/10/22 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis