0

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

1 に答える 1

1

Angular 口ひげ表現とng-value:

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

口ひげの表現は通常の JavaScript ですので、通常の 3 項式を使用できます。

CSS を使用してプレースホルダーを非表示にすることもできます。

input:focus::-webkit-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
于 2015-11-02T16:27:47.123 に答える