如果绑定不适用于<select>,则将其剔除

罗曼·Y

为什么这样做:

<!-- ko if: show -->
    <select data-bind="options: categories, optionsText: 'name', optionsCaption: 'Select', value: selected_category"></select>
<!-- /ko -->

这不是:

<select data-bind="if: show, options: categories, optionsText: 'name', optionsCaption: 'Select', value: selected_category"></select>

换句话说,为什么不能显示布尔值在与'if'的数据绑定内使用?

凯尔·黑尔

您可以使用visible绑定来隐藏选择。

对于更大的问题,if绑定实际上从物理上删除了与if绑定的元素的所有DOM,并将其存储在节点缓存中以供以后检索。这是为了防止在那些可能影响其他文档元素的元素内进行任何进一步的绑定。

例如,在下面的代码片段中,如果打开浏览器的元素检查器并反复按下切换按钮,您将看到浏览器注入并删除的innerText span

var vm = {
  show: ko.observable(true),
  toggle: function() {
    this.show(!this.show());
  }
};

ko.applyBindings(vm);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<span data-bind='if:show'>Show Me</span>
<input type='button' data-bind='click: toggle' value='Toggle' />

并且根据淘汰赛的绑定文档

相应地,标记的,如果块可以被添加或表达的变化的结果动态地去除。数据绑定属性将在重新添加时将应用于所包含标记的新副本。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如果直到初始渲染后才对绑定进行评估,则将其剔除

来自分类Dev

$ _POST不适用于<select>

来自分类Dev

jQuery验证不适用于select

来自分类Dev

GRANT SELECT 不适用于序列

来自分类Dev

模型绑定不适用于angular2中的select

来自分类Dev

剔除验证不适用于必填项目

来自分类Dev

GIN索引不适用于`SELECT 1`,但如果我在PostgreSQL上执行`SELECT COUNT(*)`,它就可以工作

来自分类Dev

GIN索引不适用于`SELECT 1`,但如果我在PostgreSQL上执行`SELECT COUNT(*)`,它就可以工作

来自分类Dev

ng-change不适用于ng-select

来自分类常见问题

SQL SELECT语句不适用于DELETE

来自分类Dev

Bootstrap select插件不适用于jQuery验证

来自分类Dev

mysql select不适用于unicode字符aä,dḏ,ŋ

来自分类Dev

休眠fetch = join / select是否不适用于HQL?

来自分类Dev

Bootstrap Select2不适用于JS功能

来自分类Dev

Select2不适用于模态

来自分类Dev

iMacros:TAG Select不适用于Variable

来自分类Dev

onChange不适用于react和select2

来自分类Dev

HTML输入文本select()方法不适用于Chrome

来自分类Dev

SQL SELECT语句不适用于DELETE

来自分类Dev

伪类不适用于select和radio元素

来自分类Dev

HTML onchange属性不适用于select元素

来自分类Dev

jQuery文件上传不适用于Select2

来自分类Dev

自动选择不适用于select2的augularjs

来自分类Dev

onChange不适用于react和select2

来自分类Dev

jQuery验证不适用于select元素

来自分类Dev

DISTINCT不适用于MSSQL中的SELECT查询

来自分类Dev

Select2 val不适用于整数值

来自分类Dev

react-select-plus + search 不适用于逗号

来自分类Dev

ngf-select 不适用于 iphone5