在angular4中使用ngFor时,如何根据值选择HTML?
我对angular很陌生,假设我有一个这样的值数组在angular4中使用ngFor时,如何根据值选择HTML?,angular,ngfor,angular-ng-if,Angular,Ngfor,Angular Ng If,我对angular很陌生,假设我有一个这样的值数组 domElement:Array<boolean>=[true,false,false,false,false,true,true,true]; domeElement:Array=[true,false,false,false,true,true,true]; 在使用ngFor时,我想用不同的html表示真值,用不同的html表示假值,我遵循了这一点并实现了这一点,但它不起作用 即 找不到值-没有记录的虚拟元素!!! 有价值
domElement:Array<boolean>=[true,false,false,false,false,true,true,true];
domeElement:Array=[true,false,false,false,true,true,true];
在使用ngFor时,我想用不同的html表示真值,用不同的html表示假值,我遵循了这一点并实现了这一点,但它不起作用
即
找不到值-没有记录的虚拟元素!!!
有价值!!!
这就是你要找的吗
<div *ngFor="let n of num">
<template1 *ngIf="n%2 === 0"></template1>
<template2 *ngIf="n%2 !== 0"></template2>
</div>
这就是你要找的吗
<div *ngFor="let n of num">
<template1 *ngIf="n%2 === 0"></template1>
<template2 *ngIf="n%2 !== 0"></template2>
</div>
我猜您使用相同的名称定义了两个不同的块。代码中没有#gotValue块。请尝试以下方法:
<div *ngFor="let n of domElement">
<ng-template *ngIf="n; then noValue else gotValue"></ng-template>
<ng-template #noValue>
<div class="alert alert-warning">
no value found - dummy element for no record !!!
</div>
</ng-template>
<ng-template #gotValue>
<div class="alert alert-success">
got values !!!
</div>
</ng-template>
</div>
找不到值-没有记录的虚拟元素!!!
有价值!!!
我猜您使用相同的名称定义了两个不同的块。代码中没有#gotValue块。请尝试以下方法:
<div *ngFor="let n of domElement">
<ng-template *ngIf="n; then noValue else gotValue"></ng-template>
<ng-template #noValue>
<div class="alert alert-warning">
no value found - dummy element for no record !!!
</div>
</ng-template>
<ng-template #gotValue>
<div class="alert alert-success">
got values !!!
</div>
</ng-template>
</div>
找不到值-没有记录的虚拟元素!!!
有价值!!!
…
..
找不到值-没有记录的虚拟元素!!!
有价值!!!
您不需要noValue ng模板。这对我有用。希望能有所帮助。
找不到值-没有记录的虚拟元素!!!
有价值!!!
您不需要noValue ng模板。这对我有用。希望能有所帮助。我尝试实现此功能,但无论值是多少,我都会显示,请查看我的更新问题,谢谢。如果我的新实现不适用于您,请与我们共享组件代码。这可能是导致n等于'undefined'的原因,这意味着if子句将自动将您重定向到false块。我尝试实现这一点,但无论值是多少,我始终会得到显示的值,请查看我更新的问题,如果我的新实现不适用于您,谢谢,那么请与我们分享组件代码。它可能导致n等于“未定义”,这意味着if子句将自动将您重定向到false块。