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

我什至试过这个据说在以前版本angular中有效的方法，但没有成功。

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 属性一起使用。

AngularJS: ng-placeholder 不工作

AngularJS: ng-placeholder not working

html

placeholder

angularjs