angularjs – 如何在属性中组合if / else表达式和angular transl

发布时间：2020-12-17 07:14:32 所属栏目：安全来源：网络整理

导读：我正在使用if / else表达式和 HTML输入元素的占位符-Tag内的可能值的转换.它显然不能以这种方式工作,因为placeholder-tag中嵌套的双引号： input type="number" placeholder="{{constraint ? '{{"TERM_A" | translate}}' : '{{"TERM_B" | translate}}'}}" ng

我正在使用if / else表达式和 HTML输入元素的占位符-Tag内的可能值的转换.它显然不能以这种方式工作,因为placeholder-tag中嵌套的双引号：

<input type="number" 
       placeholder="{{constraint ? '{{"TERM_A" | translate}}' : '{{"TERM_B" | translate}}'}}"
       ng-model="" 
       required 
       autocapitalize="none" 
       autocorrect="off" />

如何相应地设置单引号/双引号,还是有更优雅的解决方案？

解决方法

合适的方式：

<input type="number" 
               placeholder="{{ (constraint ? 'TERM_A' : 'TERM_B') | translate }}"
               ng-model="" 
               required 
               autocapitalize="none" 
               autocorrect="off" />

另一个样本：

label="{{ (detailsTriggered ? 'ui.showDetails' : 'ui.hideDetails') | translate}}"

注意“[]”大括号,引号和撇号的类型.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!