在 Angular 4 html 组件中添加插值和三元答案

【问题标题】：Add interpolation and ternary in angular 4 html componant在 Angular 4 html 组件中添加插值和三元
【发布时间】：2017-12-18 14:58:35
【问题描述】：

我想我正在尝试做一件奇怪的事情，因为 Angular 正在抱怨。有没有人尝试在 Angular 4 上的 html 代码中混合插值和三进制

在输入时，我尝试使用三元注入 matToolTip，同时使用管道转换要显示的字符串，如下所示：

<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
            />

但角度抱怨

解析器错误：在 [!isRefAutorized 的第 18 列应有表达式的地方得到插值 ({{}})？ {{ 'modal.selectPlaceholder' |翻译 }} : null]

当我这样做时效果很好：

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

【问题讨论】：

非角度 html 属性需要插值来评估表达式。你可以试试不插值吗？
@RRForUI 我试过了，但是我得到了一个不同的错误，因为它不评估翻译并将其视为三元的一部分

标签： angular

【解决方案1】：

你不能这样做。

相反，您应该按以下方式更改您的代码

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

【讨论】：

marche 镍，谢谢