Add Interpolation und Ternär in eckigen 4 html component

Question

Ich versuche, eine seltsame Sache zu tun, denke ich seit eckig beschwert sich. Hat jemand versucht Interpolation und ternären auf Angular 4

An einem Eingang eines matToolTip Ich versuche, mit ternären zu injizieren in HTML-Code zu mischen, während Rohr mit dem String übersetzen zu zeigen, wie so:

<input 
       typeaheadOptionField="name" 
       typeaheadOptionsLimit="15" 
       placeholder="{{ 'odal.selectPlaceholder' | translate }}" 
       class="form-font-size form-control" 
       style="vertical-align: middle" 
       type='text' 
       [matTooltip]="!isRefAutorized ? {{ 'modal.refSelect' | translate }} : null" 
       (keyup.enter)="createStyle(styleCode.value)" 
       #styleCode 
      /> 

Aber Winkel mit beschwerten

Parser Error: Got interpolation ({{}}) where expression was expected at column 18 in [!isRefAutorized ? {{ 'modal.selectPlaceholder' | translate }} : null]

es funktioniert gut, wenn ich nur tun:

[matTooltip]="!isRefAutorized ? 'not authorized' : null" 

Answer 1

Das geht nicht.

Stattdessen sollten Sie Ihren Code ändern, wie

folgende

[matTooltip]="!isRefAutorized ? ('modal.refSelect' | translate) : null"