对angular2中的ngfor和ngif指令嵌套实例讲解

 更新时间:2018年09月12日 11:04:14   作者:superlovelei  
今天小编就为大家分享一篇对angular2中的ngfor和ngif指令嵌套实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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指令嵌套实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • AngularJS中filter的使用实例详解

    AngularJS中filter的使用实例详解

    这篇文章主要介绍了AngularJS中filter的使用实例详解的相关资料,这里提供实例帮助大家理解掌握,希望能帮助到大家,需要的朋友可以参考下
    2017-08-08
  • Angular5.1新功能分享

    Angular5.1新功能分享

    这篇文章主要介绍了Angular5.1新功能以及相关的用法,需要的朋友参考学习下吧。
    2017-12-12
  • Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

    Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

    这篇文章主要介绍了 Bootstrap + AngularJS 实现简单的数据过滤字符查找功能,代码简单易懂,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2017-07-07
  • 在 Angular中 使用 Lodash 的方法

    在 Angular中 使用 Lodash 的方法

    这篇文章主要介绍了在 Angular中 使用 Lodash 的方法,需要的朋友可以参考下
    2018-02-02
  • 详解AngularJS controller调用factory

    详解AngularJS controller调用factory

    本篇文章主要介绍了详解AngularJS controller调用factory,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • Angularjs中数据绑定的实例详解

    Angularjs中数据绑定的实例详解

    这篇文章主要介绍了Angularjs中数据绑定的实例详解的相关资料,这里提供简单实例,大家可以参考下,希望通过本文可以掌握这部分内容,需要的朋友可以参考下
    2017-08-08
  • 基于angularJS的表单验证指令介绍

    基于angularJS的表单验证指令介绍

    下面小编就为大家带来一篇基于angularJS的表单验证指令介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • AngularJS入门教程之路由与多视图详解

    AngularJS入门教程之路由与多视图详解

    本文主要介绍AngularJS 路由与多视图详解,这里整理了相关资料及示例代码,详细说明了在开发过程中如何应用,有兴趣的朋友可以看下
    2016-08-08
  • Angular.js 实现数字转换汉字实例代码

    Angular.js 实现数字转换汉字实例代码

    这篇文章主要介绍了Angular.js 实现数字转换汉字实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • angular实现商品筛选功能

    angular实现商品筛选功能

    这篇文章主要为大家详细介绍了angular实现商品筛选功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02

最新评论