如何從AngularJS輸入中禁用我的複選框？

<div ng-repeat="x in spaceutilization"> 
    <input type="checkbox" name="{{x.filenumber}}" id="{{x.id}}" class = "pdffiles" value="101SP{{x.initials}}.dwg" /><label for="{{x.id}}"><button type = "button" class = "btn btn-primary btn-sm hidden-sm hidden-xs"> PDF</button></label><br /> 
</div>

我需要能夠添加一些東西到這個片斷，禁用輸入複選框基於另一個AngularJS輸入，如{{x.status}}。我試圖簡單地做：如何從AngularJS輸入中禁用我的複選框？

<input type="checkbox" name="{{x.filenumber}}" id="{{x.id}}" class = "pdffiles" value="101SP{{x.initials}}.dwg" {{x.status}} />

凡status:'disabled'但給輸入元素......我不明白，爲什麼在所有的內

{{x.status}}=""

的輸出。但它似乎是最簡單的路線。

來源

2015-03-30 Christine268

您可以使用插值方法將動態屬性動態添加到您的html標記中。在你的情況下，你可以簡單地執行'ng-disabled =「x.status」' – 2015-03-30 21:20:40

您需要使用ng-disabled="expression"指令，對錶情評估值的基礎禁用它的屬性添加到element.Also更好的屬性值的評估，你可以使用ng-attr指令

標記

<input type="checkbox" ng-attr-name="{{x.filenumber}}" ng-attr-id="{{x.id}}" class ="pdffiles" 
value="101SP{{x.initials}}.dwg" ng-disabled="x.status == 'disabled'"/>

如果x.status確實寫了bool值，那麼您可以直接使用ng-disabled="{{x.status}}"

來源

2015-03-30 21:11:06

你的意思是{{x.status}} =='disabled'？另外，什麼狀態相等？如果我沒有禁用複選框會怎麼樣？ – Christine268 2015-03-30 21:31:40

使用@Rahil Wazir的上面的評論，我做了ng-disabled =「{{x.status}}」，其中狀態：'true'或狀態：'false' – Christine268 2015-03-30 21:39:41

@ Christine268嘿，不要用'ng-disabled'如果'x.status'具有布爾值 – 2015-03-30 21:44:07

如何從AngularJS輸入中禁用我的複選框？

回答

相關問題