フォームフィールド/プレースホルダと値

Question

条件が真であれば変更したいフォームフィールドがあります。

<input type="email" 
    name="UserEmail" 
    id="UserEmail" 
    class="form-control" 
    ng-class="{'invalid-signup': signUpForm.UserEmail.$invalid && signUpForm.UserEmail.$dirty, 'valid-signup': signUpForm.UserEmail.$valid && signUpForm.UserEmail.$dirty}" 
    placeholder="Primary contact email." 
    ng-required="true" 
    ng-maxlength="30" 
    ng-minlength="5" 
    ng-model="signUpModel.UserEmail"/> 
<div ng-show="signUpForm.UserEmail.$dirty && signUpForm.UserEmail.$invalid"> 
    <p ng-show="signUpForm.UserEmail.$error.required">Email is required.</p> 
    <p ng-show="signUpForm.UserEmail.$error.pattern">Email is not valid.</p> 
    <p ng-show="signUpForm.UserEmail.$error.minlength">Email is too short, min 5 characters.</p> 
    <p ng-show="signUpForm.UserEmail.$error.maxlength">Email is too long, max 30 characters.</p> 
</div> 

私は1つのフラグ変数を持っており、それが真であれば、フィールドのプレースホルダと値を何かに変更したいと思います。

$scope.isGoogleLoginWorking = true; 

これを行う方法はありますか。

アドバイスありがとうございます。

Answer 1

あなたは、私は別の条件を含める必要がありますし、私は複雑になりますよので、Javaスクリプトを使用してそれを行うことができ、他の方法はある三項演算

<input type="email" 
    name="UserEmail" 
    id="UserEmail" 
    class="form-control" 
    ng-class="{'invalid-signup': signUpForm.UserEmail.$invalid && signUpForm.UserEmail.$dirty, 'valid-signup': signUpForm.UserEmail.$valid && signUpForm.UserEmail.$dirty}" 
    placeholder="{{isGoogleLoginWorking?'Primary contact email.':'Something else'}}" 
    ng-required="true" 
    ng-maxlength="30" 
    ng-minlength="5" 
    ng-model="signUpModel.UserEmail" ng-value="isGoogleLoginWorking?signUpModel.UserEmail:'Something else'"/>