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

 更新时间:2018年09月12日 11:04:15   作者: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日期格式化常见操作实例分析

    AngularJS日期格式化常见操作实例分析

    这篇文章主要介绍了AngularJS日期格式化常见操作,结合实例形式分析了AngularJS日期格式化常用参数功能、设置与使用技巧,需要的朋友可以参考下
    2018-05-05
  • Angular实现一个简单的多选复选框的弹出框指令实例

    Angular实现一个简单的多选复选框的弹出框指令实例

    下面小编就为大家带来一篇Angular实现一个简单的多选复选框的弹出框指令实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • AngularJS中scope的绑定策略实例分析

    AngularJS中scope的绑定策略实例分析

    这篇文章主要介绍了AngularJS中scope的绑定策略,结合实例形式简单分析了AngularJS scope的三种绑定模式的使用方法与相关注意事项,需要的朋友可以参考下
    2017-10-10
  • 关于 angularJS的一些用法

    关于 angularJS的一些用法

    这篇文章主要介绍了关于 angularJS的一些用法的相关资料,需要的朋友可以参考下
    2017-11-11
  • jquery操作angularjs对象

    jquery操作angularjs对象

    这篇文章主要介绍了jquery操作angularjs对象的相关资料,需要的朋友可以参考下
    2015-06-06
  • AngularJs concepts详解及示例代码

    AngularJs concepts详解及示例代码

    本文主要介绍AngularJs concepts,这里整理了详细资料及简单示例代码来讲解相关知识,有学习这部分知识的朋友可以参考下
    2016-09-09
  • 详解Angular2 关于*ngFor 嵌套循环

    详解Angular2 关于*ngFor 嵌套循环

    这篇文章主要介绍了详解Angular2 关于*ngFor 嵌套循环,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • Angular X中使用ngrx的方法详解(附源码)

    Angular X中使用ngrx的方法详解(附源码)

    ngrx是一套利用RxJS的类库,下面这篇文章主要给大家介绍了关于Angular X中使用ngrx的方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • AngularJS中的过滤器使用详解

    AngularJS中的过滤器使用详解

    这篇文章主要介绍了AngularJS中的过滤器使用详解,过滤器是AngularJS中处理文本的一个非常有用的功能,需要的朋友可以参考下
    2015-06-06
  • angularjs $http实现form表单提交示例

    angularjs $http实现form表单提交示例

    这篇文章主要介绍了angularjs $http实现form表单提交示例,非常具有实用价值,需要的朋友可以参考下
    2017-06-06

最新评论