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

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 : '' }}" />

小胡子表达式是正则JavaScript，因此您可以使用普通的三元表达式。

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

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