如何在Angular2中使用if,else if

时间:2017-08-25 09:28:14

标签: javascript angular

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

重复

2 个答案:

答案 0 :(得分:3)

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

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

修改

如果你想让它变得动态,请执行* ngFor让名字命名并在{{name}}

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

答案 1 :(得分: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是一个你必须创建的函数......或者做其他事情。