在角度 2 中的 div 之间切换，并根据条件设置值以显示/隐藏答案

【问题标题】：Toggle between div's in angular 2 and also set there values based on a condition to show/hide在角度 2 中的 div 之间切换，并根据条件设置值以显示/隐藏
【发布时间】：2018-06-15 15:20:37
【问题描述】：

我正在使用 (Hide/show individual items inside ngFor) 中提供的解决方案

如何根据条件设置 pinMe[j] 的值？我有一种情况，我需要在 div 之间切换，但还要根据条件决定首先显示什么。下面的示例代码供您参考。

<ion-card *ngFor="let feed of feeds; let j=index">

  <ion-card-header> 
   <h1 (click)="pinMe[j] = !pinMe[j]">PinnedView</h1>
  </ion-card-header>
  <ion-card-content>
    <div [hidden]="!pinMe[j]"> </div>
    <div [hidden]="pinMe[j]"> </div> <!-- (pinMe[j] should change based on a key, so that the first div is shown first [the key would be feed.isPinned = '1'])
  </ion-card-content>

</ion-card>

上一页不允许我发表评论，因此将其创建为新问题。

提前致谢！

【问题讨论】：

标签： angular hidden ngfor

【解决方案1】：

我会使用 ng-if 来显示隐藏 div 或任何元素。

<ion-card *ngFor="let feed of feeds; let j=index">
<ion-card-header> 
    <h1 (click)="pinMe[j] = !pinMe[j]">PinnedView</h1>
</ion-card-header>
<ion-card-content>
    <div ng-if="feed.isPinned = '1'" [hidden]="!pinMe[j]"> </div>
    <div ng-if="feed.isPinned != '1'" [hidden]=enter code here"pinMe[j]"> </div> 
</ion-card-content>
</ion-card>

参考：http://www.codelord.net/2015/07/28/angular-performance-ng-show-vs-ng-if/

【讨论】：

对不起，这对我不起作用:(如果密钥为真，我想做的是在循环中，然后我想设置 pinMe[j] = false，其余的应该仍然保持真实，但它隐藏了其他 div。