对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用法,结合实例形式分析了过滤器filter的定义与使用技巧,需要的朋友可以参考下
    2016-11-11
  • 浅谈AngularJS中ng-class的使用方法

    浅谈AngularJS中ng-class的使用方法

    下面小编就为大家带来一篇浅谈AngularJS中ng-class的使用方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • Angular8 简单表单验证的实现示例

    Angular8 简单表单验证的实现示例

    这篇文章主要介绍了Angular8 简单表单验证的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • AngularJS的$location使用方法详解

    AngularJS的$location使用方法详解

    这篇文章主要介绍了AngularJS的$location使用方法详解的相关资料,希望通过本文大家能够掌握这部分内容,需要的朋友可以参考下
    2017-10-10
  • 详解如何构建Angular项目目录结构

    详解如何构建Angular项目目录结构

    本篇文章主要介绍了详解如何构建Angular项目目录结构,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 浅谈angularJS的$watch失效问题的解决方案

    浅谈angularJS的$watch失效问题的解决方案

    本篇文章主要介绍了浅谈angularJS的$watch失效问题的解决方案,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • Angular 4依赖注入学习教程之ValueProvider的使用(七)

    Angular 4依赖注入学习教程之ValueProvider的使用(七)

    这篇文章主要给大家介绍了关于Angular 4依赖注入之ValueProvider使用的相关资料,文中介绍的非常详细,对大家学习或者使用Angular4具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06
  • 深究AngularJS如何获取input的焦点(自定义指令)

    深究AngularJS如何获取input的焦点(自定义指令)

    本篇文章主要介绍了AngularJS如何获取input的焦点(自定义指令),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • AngularJS的Filter的示例详解

    AngularJS的Filter的示例详解

    本文通过示例给大家详解angularjs 的filter知识,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-03-03
  • AngularJS国际化详解及示例代码

    AngularJS国际化详解及示例代码

    本文主要介绍AngularJS国际化的知识,这里整理了相关资料和示例代码以及实现效果图,有兴趣的小伙伴可以参考下
    2016-08-08

最新评论