How can I use if, else if in Angular2

Question

That statement does not make much sense. What is the result of that `*ngIf`? Are you trying to show something? Ignoring syntax for a moment, what you have there is 2 equality checks with no output. — Igor, Aug 25 '17 at 09:41
Duplicate of https://stackoverflow.com/questions/43006550/how-to-use-ngif-else-in-angular-4/43006589#43006589 — Günter Zöchbauer, Aug 25 '17 at 09:43
@Swoox It was initially very unclear what the question was about until he updated it. — Günter Zöchbauer, Aug 25 '17 at 09:59
@GünterZöchbauer tbh he didn't update it you just misread it — Swoox, Aug 25 '17 at 10:00
@Swoox that's not true. At first he had not even HTML in his question. — Günter Zöchbauer, Aug 25 '17 at 10:35
@GünterZöchbauer Ah yeah I see, sorry. But was before your answer :P — Swoox, Aug 25 '17 at 10:38
@swoop I didn't check properly after I came back from the search. Probably just too many open tabs ... — Günter Zöchbauer, Aug 25 '17 at 10:40

Swoox · Accepted Answer · 2017-08-25T09:53:22.950

3

Wait it's simpler then that. In template:

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

edit

If you want to make it dynamic do *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.

edited Aug 25 '17 at 09:53

answered Aug 25 '17 at 09:46

Swoox

so What about in case name == d?. I just need use if elseif and else by the way. – Wanadjanan Klinnooch Aug 25 '17 at 09:49
Ok let me try this – Wanadjanan Klinnooch Aug 25 '17 at 09:50
Gave an example – Swoox Aug 25 '17 at 09:54
It close to my answer what I want but My question was not clearly. so sorry – Wanadjanan Klinnooch Aug 25 '17 at 10:00
@WanadjananKlinnooch No worries some creative mind will fix every problem. – Swoox Aug 25 '17 at 10:01

Carsten · Answer 2 · 2017-08-25T09:41:11.323

2

if(name == 'a'){
  console.log("1");
} else if(name == 'b') { 
  console.log("2");
} else {
  console.log("other");
}

inline:

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

test is a function that you have to create... or do something else..

edited Aug 25 '17 at 09:41

answered Aug 25 '17 at 09:29

Carsten

2 Answers2