【问题标题】:How can I use if, else if in Angular2我如何在Angular2中使用if,else if
【发布时间】:2017-08-25 09:28:13
【问题描述】:

我的问题在How to use *ngIf else in Angular?重复

【问题讨论】:

  • 有什么问题?
  • 使用 ==(或更好的 ===)代替 = 进行比较
  • 你试过什么?显示您的模板代码。
  • @Swoox 在他更新之前,最初并不清楚这个问题是关于什么的。

标签: javascript angular


【解决方案1】:

等等,那就更简单了。在模板中:

<div *ngIf = "name == 'a'">if a</div>
<div *ngIf = "name == 'b'">if b</div>
<div *ngIf = "name == 'c'">if c</div>

编辑

如果你想让它动态做 *ngFor let name of names and do ngIf on {{name}}

<div *ngFor="let name of names">
<p *ngIf = "name == {{name}}">Your if</p>
</div> //something like this.

【讨论】:

  • so 如果 name == d 怎么办?顺便说一句,我只需要使用 if elseif 和 else。
  • 好吧,让我试试这个
  • 举个例子
  • 它接近我想要的答案,但我的问题并不清楚。很抱歉
  • @WanadjananKlinnooch 不用担心一些创造性思维会解决所有问题。
【解决方案2】:
if(name == 'a'){
  console.log("1");
} else if(name == 'b') { 
  console.log("2");
} else {
  console.log("other");
}

内联:

*ngIf="name == 'a' ? test('1') : name == 'b' ? test('2) : test('other)"

test 是一个你必须创建的函数......或者做其他事情......

【讨论】:

  • 对不起,我的意思是 *ngIf 用于 Angular2
猜你喜欢
  • 1970-01-01
  • 2019-04-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-12-28
相关资源
最近更新 更多