javascript - 如果变量存在，则显示输入文本字段值，否则显示占位符

Question

在 Angular 1.2.19 中，模板是否有三元运算符可以让我显示一个变量是一个输入值，如果它存在，如果不存在，那么只显示占位符？

有点像这样：

<input type="text "{{ if phoneNumber ? "value='{{phoneNumber}}'" : "placeholder='{{ language.placeHolder}}'"}}

编辑：这是我当前的 HTML：

<input type="text"name="buyPhoneNumber" id="buyPhoneNumber" value="{{ phoneNumber }}" 
class="form-control input-lg" placeholder="{{language.phoneNumberHolder}}"
                       ng-model="buyObj.pinOrPhonenumber"
                       ng-change="buyChange();"
                       on-change-phone-number/>

Answer 1

使用 Angular 小胡子表达式和ng-value：

<input ng-value="{{ phoneNumber }}" placeholder="{{ phoneNumber ? language.placeHolder : '' }}" />

mustache 表达式是常规 JavaScript，因此您可以使用普通的三元表达式。

您还可以通过 CSS 隐藏占位符：

input:focus::-webkit-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}