如何从 AngularJS 输入中禁用我的复选框

How can I disable my checkbox from AngularJS input?

本文关键字：我的 复选框 输入 AngularJS      更新时间：2023-09-26
<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}}(的输入复选框。我尝试简单地做：

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

status:'disabled'但

给出的输出 
{{x.status}}=""

在输入元素中...我完全不明白为什么。但这似乎是最简单的路线。

您需要

使用ng-disabled="expression"指令，在表达式计算值的基础上，它将禁用属性添加到该元素。此外，为了更好地评估属性值，您可以使用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}}"

相关文章：