<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}}=""

在输入元素内......我根本不明白为什么。 但它似乎是最简单的路线。

#1楼 票数:12 已采纳

您需要使用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}}"

  ask by Christine268 translate from so

未解决问题?本站智能推荐:

1回复

在ng-repeat循环的输入上禁用ng

我正在基于这样的数组显示输入 它还使我能够进行angularjs验证。 关闭<form>后,我想创建“下一步”按钮,但我也想在那里进行验证,因此,如果用户未完全填写所需的输入,他将无法单击它。 我正在ng-repeat数组是: 我知道我可以使用此ng-disa
2回复

Angular:如何从锚标记的数组(ng-repeat)中禁用锚标记

我有一个重复的锚标记,显示可点击的组成员列表: 正如你在锚标记的末尾看到的那样,我试图禁用1个ng-repeat元素,更具体地说,是我/我自己的锚标记。 和 在代表我的用户的锚标签上将是相同的。 但是,它仍然没有禁用我点击我自己的组成员锚标记的能力。 我正确使用ng-
3回复

选中Angularjs复选框可启用输入字段

我是AngularJS的新手,我的问题是: 我有这样一个循环: 这些复选框之一的值为“ OTHER”,我需要做的是:当选中带有“ OTHER”值的复选框时,它从<input type="text" class="uncheck" disabled>删除了禁用的属性。 &
1回复

使用ng-repeat angularjs中的索引禁用ng

我想在ng-repeat中使用ng-disabled禁用按钮。 在这种情况下,我想为每个项目设置“赞”按钮。 我想在http请求期间禁用该按钮,直到返回成功结果。 如果我在http请求之前使用$ scope.btnLikeDisable = true,它将阻止所有“赞”按钮。 这
1回复

当未选中ng-repeat列表中的复选框时,禁用按钮

如果我的ng-repeat上没有选中的复选框,我需要禁用一个按钮。 我的复选框是这样的 我该怎么做?
1回复

如果我在Chrome V57中使用ng-model和ng-disable,则无法禁用复选框

我在Chrome 57版中遇到红色烤面包机错误。如果同时使用ng-model和ng-disable 。 我有如下标签: 默认情况下,分类为false。 当用户选中复选框时,分类变为true,同时禁用复选框。 在低于57的Chrome版本中,它运行良好。现在,我们使用的是Ch
1回复

如何禁用AngularJS中的复选框

我在查看页面上有一个复选框列表,用于发送不同角色的通知。我想最初禁用一些处于未选中状态的复选框。 我正在使用以下代码 我如何使用angularjs禁用控制器中特定角色的复选框(处于未选中状态)?
7回复

如果在ng-repeat中至少选中了一个复选框,则设置按钮的验证

我面临的问题是,如果至少要选中ng-repeat内的一个复选框,则需要启用保存按钮。 当我第一次单击时,它可以正常工作,但不能多次单击复选框。 以下是工作中的插件: 禁用保存按钮 我正在使用ng-change来获取所选条件。