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>

Might be http://stackoverflow.com/questions/37076867/in-rc-1-some-styles-cant-be-added-using-binding-syntax/37076868#37076868 — Günter Zöchbauer, Oct 28 '16 at 05:00

score 1 · Accepted Answer · answered Oct 28 '16 at 05:04

1

Use *ngIf instead:

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

answered Oct 28 '16 at 05:04

Harry Ninh

16,288
5
60
54

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

1 Answers1