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

Question

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

<input type="text" required />

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

我在文档中找不到类似的内容。我越接近 disabled 绑定(bind)。

Answer 1

Knockout 足够聪明，可以删除绑定(bind)值为 false 的属性，当它们与 attr binding 绑定(bind)时.检查下面的输入。它会在 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}" />