美文网首页
angular2 ngFor中使用ngIf

angular2 ngFor中使用ngIf

作者: 霸道的黑猫 | 来源:发表于2018-07-26 11:09 被阅读0次

在angular2中模版遍历的话使用ngFor,但是在ngFor的标签上则不能直接使用ngIf,如果想要在ngFor上使用*ngIf的话则需要套一层ng-container

<ng-container *ngFor="let item of items">
     <div *ngIf="item.status">...</div>
</ng-container>

相关文章

  • angular2 ngFor中使用ngIf

    在angular2中模版遍历的话使用ngFor,但是在ngFor的标签上则不能直接使用ngIf,如果想要在ngFo...

  • 结构性指令

    *ngFor 迭代并逐个显示*ngIf 判断是否显示DOM

  • 问题汇总(二)

    1、angular2实现纯数字的循环ngFor 我们知道angular2里的ngFor实现数组的循环是比较方...

  • angular2+前端试题集锦

    1,angular4有哪些常用指令? ngClass ngStyle ngIf ngFor ngSwitch 深度...

  • 零零碎碎

    1、ngFor {{i}} 2、(click)延迟处理 3、ngClass 3、NgIf 4、NgSwitch 5...

  • Angular 5.x 学习笔记(12)——Angular5.x

    Angular5.X基本语法 (1) *ngFor {{ hero.name }} (2) *ngIf 3">Th...

  • angular学习笔记

    基本语法*ngFor*ngIf 父子组件通信子组件调用父组件的数据 :父组件传入[title] = 'title'...

  • angular6入门笔记

    1.0创建项目 1.1 ngFor循环和事件 1.2获取dom元素 1.3 ngIf 1.4父组件给子组件传递数据...

  • [angular]ngfor和ngif指令嵌套

    angular结构指令不能直接嵌套使用,可使用标签来包裹指令 示例如下:

  • 显示数据

    三种方式: 通过插值表达式显示组件的属性 通过 NgFor 显示数组型属性 通过 NgIf 实现按条件显示 1.使...

网友评论

      本文标题:angular2 ngFor中使用ngIf

      本文链接:https://www.haomeiwen.com/subject/oenvmftx.html