在knockout.js中使用必需的属性

Question

如何有条件地在输入中设置required属性？

<input type="text" required />

必需的属性没有值。只要存在，就会被认为是required。所以required="false"会让一些脚本失败。

我在文档中找不到任何类似的东西。我更接近于disabled绑定。

Answer 1

Knockout足够智能，可以在与attr binding绑定时删除绑定值为false的属性。检查下面的输入。它将在required="true"和未出现的required之间切换。

​

vm = {r: ko.observable(false)}
ko.applyBindings(vm);
setInterval(() => vm.r(!vm.r()), 1000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<input data-bind="attr: {required: r}" />

​