如何在angularjs中根据布尔值显示和隐藏元素属性？

Question

ctrl.js

在控制器中，如果用户登陆编辑页面，则值为 true

var self = this;
self.edit = "true"

html

在添加页面上应该是

<md-input-container flex="25">
<label>GameId</label>
<input name="games" ng-model="ctrl.game" ng-required="true" ng-maxlength="50" custome-directive-to-check-unique-value >
</md-input-container>

在编辑页面上应该是

<md-input-container flex="25">
<label>GameId</label>
<input name="games" ng-model="ctrl.game" ng-required="true" ng-maxlength="50" disabled>
</md-input-container>

对于禁用，我可以使用ng-disabled=ctrl.edit禁用输入字段如何执行指令 custome-directive-to-check-unique-value

Answer 1

您可以简单地使用属性ng-show或ng-hide基于值。

<div ng-hide="edit">Edit is False</div>

<div ng-show="edit">Edit is True</div>

如果 edit 为 true，则 ng-show 将为 true 显示消息Edit is True