<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}}"
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句