2017-08-25 4 views
-3

Ich möchte *ngIf Anweisung genau so in Angular verwenden.Wie kann ich verwenden wenn, sonst wenn in Angular2

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

wie

<span translate *ngIf="menuItem.title != 'unapprove'; then menuItem.title == 'approve' ; else #anotherMenu">{{ menuItem.title }}</span> 

in HTML

+0

Was ist das Problem? –

+2

Verwenden Sie == (oder besser ===) anstelle von = für einen Vergleich – Julian

+0

Was haben Sie versucht? Zeigen Sie Ihren Vorlagencode an. – Igor

Antwort

1

Warten Sie, es ist einfacher als das. In Vorlage:

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

bearbeiten

Wenn Sie dynamisch machen wollen es tun * Name von Namen ngFor lassen und tun ngIf auf {{name}}

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

also Was ist im Fall name == d ?. Ich brauche nur zu verwenden, wenn anders und sonst nebenbei. –

+0

Schauen Sie sich meine * ngFür bearbeiten – Swoox

+0

Ok lass mich das versuchen –

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 ist eine Funktion, die Sie erstellen müssen ... oder sonst etwas tun.

+0

Sorry, ich meinte * ngIf für Angular2 –