2017-08-01 91 views
1

我有輸入被禁用,取決於某個對象的長度是否大於零。基於某些情況禁用div

<input ng-disabled="(entities[1].itemAttrs.length > 0)?true:false" type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[51].name]" data-ng-keyup="comboBoxTherOptions(2, 327, item[item.fields[51].name], 'searchTherOptions')" /> 

這裏:

ng-disabled="(entities[1].itemAttrs.length > 0)?true:false" 

我想將它添加到我的div的它,有很多已被人們多年來建立指令。

<div ng-disabled="(entities[1].itemAttrs.length > 0)?true:false" data-strat-form-control data-field-display-id="1" data-vmformreadonly="formReadOnly" data-show-tool-tip="showTEoolTip(item.fields[5].htmlName)" data-strat-model="item" data-field="item.fields[5]"></div> 

但是,它不起作用,不像輸入字段。

如何在與我的輸入相同的情況下禁用這些div?

+0

所有ng-disabled does設置了一個標記該區域爲禁用的屬性,你必須添加禁用div元素的功能。瀏覽器內置支持禁用的元素,如input,select,textarea,但不是div – ITDerrickH

+0

@ITDerrickH你能顯示你將如何做到這一點? –

+0

其中一個答案可能能夠幫助你。https://stackoverflow.com/questions/2556114 4 /禁用-AN-整個-DIV合angularjs – ITDerrickH

回答

1

請檢查我的代碼,將工作作爲acepted

enter code here 
變種XX = angular.module( 'AP',[])控制器( 'C',函數($範圍){ $ scope.a = 0; });

0)真:假」類型= 「文本」 類= 「形式控制下拉肘節」 NG-模型= 「A」/>

輸入代碼在這裏

0

ng-disabled只需向您的dom元素添加/刪除禁用的屬性即可。但是,該屬性已準備就緒:w3scool description

的另一種方法包括使用ng-class並通過萬維網看就怎麼,讓我的div禁用(沒有任何angularjs上下文)的=>sample