我需要能够添加例如“contentteditable”元素，基于范围上的布尔变量。
使用示例:
<h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1>
将导致contentteditable =true被添加到元素中，如果$scope。editMode被设置为true。 是否有一些简单的方法来实现这种ng-class属性行为?我正在考虑写一个指令，如果没有的话就分享。
编辑: 我可以看到，我提议的attrs指令和ng-bind-attrs指令之间似乎有一些相似之处，但它在1.0.0中被删除了。为什么是Rc3 ?
当前回答
当ng-class不能使用时，我使用以下命令有条件地设置类attr(例如在样式化SVG时):
ng-attr-class="{{someBoolean && 'class-when-true' || 'class-when-false' }}"
同样的方法也适用于其他属性类型。
(我认为你需要使用最新的不稳定Angular才能使用ng-attr-，我目前使用的是1.1.4)
其他回答
对于已被接受的解决方案，即Ashley Davis发布的解决方案，所描述的方法仍然在DOM中打印属性，而不管它所分配的值是未定义的。
例如，在输入字段设置中同时使用ng-model和value属性:
<input type="text" name="myInput" data-ng-attr-value="{{myValue}}" data-ng-model="myModel" />
不管myValue背后是什么，value属性仍然会被打印到DOM中，从而被解释。然后Ng-model被覆盖。
有点不愉快，但是使用ng-if可以达到目的:
<input type="text" name="myInput" data-ng-if="value" data-ng-attr-value="{{myValue}}" data-ng-model="myModel" />
<input type="text" name="myInput" data-ng-if="!value" data-ng-model="myModel" />
我建议在ng-if指令中使用更详细的检查:)
当ng-class不能使用时，我使用以下命令有条件地设置类attr(例如在样式化SVG时):
ng-attr-class="{{someBoolean && 'class-when-true' || 'class-when-false' }}"
同样的方法也适用于其他属性类型。
(我认为你需要使用最新的不稳定Angular才能使用ng-attr-，我目前使用的是1.1.4)
对于输入字段验证，您可以执行以下操作:
<input ng-model="discount" type="number" ng-attr-max="{{discountType == '%' ? 100 : undefined}}">
只有当折扣类型定义为%时，才会将属性max应用到100
在Angular的最新版本(1.1.5)中，他们加入了一个名为ngIf的条件指令。它与ngShow和ngHide的不同之处在于，元素不是隐藏的，而是完全不包含在DOM中。它们对于创建成本高但不使用的组件非常有用:
<h1 ng-if="editMode" contenteditable=true>{{content.title}}</h1>
我通过努力设置属性来让它工作。以及使用属性的布尔值控制属性的适用性。
下面是代码片段:
<div contenteditable="{{ condition ? 'true' : 'false'}}"></div>
