javascript - Angular.js——仅当其他元素未被禁用时才使用 ng-show 显示元素

Question

我有一个元素，我只想在另一个表单元素未被禁用时显示。

<input ng-model="myModel">

以下均无效:

<div ng-show="myModel">

这将显示输入是否被禁用，只要它在过去设置了一个值。

<div ng-show="myModel.enabled">
<div ng-show="!myModel.disabled">

那些 Prop 似乎不存在。

<div ng-show='!angular.element(po.vendor__contact).prop("disabled")'>

原以为可以询问 jQuery 是否已禁用，但事实并非如此。

有没有办法在 Angular 指令中引用元素是否启用？可以通过询问 jQuery 来完成吗？

谢谢!

fiddle :http://jsfiddle.net/ADukg/3197/

Answer 1

我认为您没有以正确的方式使用 Angular。您不应基于另一个元素的状态来确定一个元素的可见性。

这两个元素都应该取决于模型:

<input ng-model="myModel" ng-disabled="isDisabled">
<div ng-hide="isDisabled">

基本上， View 反射(reflect)了模型，不检查 DOM，也不使用 jQuery。您也可以使用 ng-hide 代替 ng-show 和 !

编辑:http://jsfiddle.net/ADukg/3198/