如何向指令添加布尔属性？

Question

在HTML中，存在像selected这样的属性：

<option selected>This option is selected</option>

这个属性要么存在，要么不存在，可以翻译为开或关（布尔值）。

我找不到一种方法来为AngularJs指令创建这样的属性。有没有办法？

一个例子：

<modal ng-show="modal.show" with-backdrop> // "with-backdrop" is a boolean attribute.

- sinθ

---

你尝试过什么？你可以在“attrs”对象中测试属性的存在。 - JoseM

Answer 1

我再次阅读了你的问题，发现我错了。要实现你想要的效果，你应该这样做：

HTML元素： <modal id="myModal" ng-show="modal.show" with-backdrop>

然后在你的控制器中：

function somethingController() {
  var modalElement = document.querySelector('#myModal');

  // If you want to check that element have your attribute.
  var isMyAttributeSet = modalElement.getAttribute('with-backdrop') !== null;

  // If you want to set up the attribute.
  modalElement.setAttribute('with-backdrop', '');

}

setAttribute 方法需要两个参数（属性名称，属性值），但如果您将空字符串作为第二个参数传递，则该属性将被视为您想要的方式。我已在 Chrome 控制台中进行了测试 :)

- Atap23

Answer 2

这取决于你要做什么。在你的例子中，你想知道哪个选项被选中了。这可以通过检查标签中包含的模型来找到。例如： <select data-ng-model="user.defaultThing" data-ng-options="thing.id as thing.name for thing in thingCollection"> <option value="">None</option> </select> 使用这个设置，每次选择更改时，`thing.id` 就会被存储在 `user.defaultThing` 中。注意：我在那里放置的“None”选项允许进行空选择。现在，如果您想查看复选框是否被选中，类似的方法是查看它所绑定的模型中的内容。<input type="checkbox" data-ng-model="form.someOption"> 当您处理表单时，只需查看form.someOption是否为true或false。

- kiswa

---

非常抱歉，如果我的问题不够清晰，但我并不是在问如何检查表单元素是否被选中。我想知道如何为AngularJS指令创建布尔属性，使其像正常的HTML布尔属性一样运作。 - sinθ