AngularJS: ng-placeholder не работает

Question

У меня есть следующий элемент ввода html, который я хочу изменить заполнитель в зависимости от того, что удерживается в моей модели пользователя.

<input type="text" class="form-control" id="Username" name="Username" data-ng-model="user.Username" required="" ng-placeholder="{{user.AdAccount ? 'Username' : 'Ad Login'}}"> 

Я даже пробовал этот метод, который, как говорят, работал в предыдущих версиях углового, но без успеха.

ng-placeholder="user.AdAccount == true && 'Username' || 'AD Login'" 

На данный момент мой заполнитель просто совершенно пуст. Я также знаю, что AdAccount корректно держит true/false, потому что он используется в другом месте формы с ng-show.

Answer 1

Я не думаю, что существует какая-либо директива ngPlaceholder. Попробуйте изменить код:

<input type="text" class="form-control" id="Username" name="Username" data-ng-model="user.Username" required="" placeholder="{{user.AdAccount ? 'Username' : 'Ad Login'}}" /> 

То есть, изменить ng-placeholder в только placeholder, и все должно работать нормально.

(Обратите внимание также на самозакрывания слэш, если вам нужно, чтобы соответствовать действительным XHTML.)

Answer 2

В HTML:

<input type="text" placeholder="{{doctorname ? doctorname : 'Dr. your name'}}" 
     class="editable-class" ng-model="doctor.name" readonly/> 

В контроллере:

$scope.doctorname = $scope.doctorinfo.name; 

Answer 3

Вы можете попробовать это :

<input type="text" class="form-control" id="Username" name="Username" data-ng-model="user.Username" required="" ng-attr-placeholder="{{user.AdAccount ? 'Username' : 'Ad Login'}}"> 

ng-attr- будет работать с любым атрибутом HTML.