Question

我想要一些代码来显示或隐藏某些内容（文本）。

HTML
<ion-list>
      <ion-item ion-item *ngFor="let act of questions.test; let i = index">
        {{act.quote}}
      <ion-item>
          <div ng-if="i == 2">
            THIS IS 2 {{i}}
         </div>
      </ion-item>
    </ion-item>
  </ion-list>


TS
    this.questions =
      {
    "test":[
    {
      "quote": "first row"
    }, {
      "quote": "second row"
    }, {
      "quote": "third row"
    }, {
      "quote": "fourth row"
    }
    ],

我只想展示＆＃34;这是2＆＃34;当它是第二个元素时。

Answer 1

请勿使用＆＃34; ng-if＆＃34;。显然它来自另一个版本的Angular。使用＆＃34; ngIf＆＃34;代替。

Answer 2

您将角度1和2混合在一起。离子2使用角度2，所以如果你实际上使用离子2（你的*ngFor指令表明你是），那么你必须使用if角度2 *ngIf，{{ 3}}

<div *ngIf="i == 2">
    THIS IS 2 {{i}}
</div>

离子ng-如果仅显示所选内容

2 个答案: