Typescript/Angular 2 doesn't display html into a ternary

Question

The following will display it as text (with<\i class.. backslash and without ) and not as HTML, probably very simple, but I can't find it :(

<div *ngFor="let facility of facilities;">
    {{facility['freewifi'] || facility['paidwifi'] ? '<\i class="fa fa-wifi fa-fw" aria-hidden="true"><\/i> :' : '' }}
</div>

Answer:

<i *ngIf="facility['freewifi'] || facility['paidwifi']" class="fa fa-wifi fa-fw" aria-hidden="true"></i>

use *ngIf: <i *ngIf="facility['freewifi'] || facility['paidwifi']" class="..."></i> — Harry Ninh
– Harry Ninh, Commented Oct 28, 2016 at 4:58

Harry Ninh · Accepted Answer · 2016-10-28 05:04:15Z

1

Use *ngIf instead:

<i *ngIf="facility['freewifi'] || facility['paidwifi']" class="fa fa-wifi fa-fw" aria-hidden="true"></i>

answered Oct 28, 2016 at 5:04

Harry Ninh

16.8k5 gold badges63 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript/Angular 2 doesn't display html into a ternary

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related