javascript - 如何在angularjs中显示和隐藏基于 bool 值的元素属性？

Question

ctrl.js

在 Controller 中，如果用户登陆编辑页面则该值为真

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 为真，则 ng-show 将为真，显示消息 Edit is True