动态生成元素上的敲除数据绑定 [英] knockout data-bind on dynamically generated elements

问题描述

如何在动态生成的元素上进行敲除数据绑定?例如，我在 div 中插入一个简单的 html 选择菜单，并希望使用淘汰赛选项绑定来填充选项.这是我的代码的样子:

How is it possible to make knockout data-bind work on dynamically generated elements? For example, I insert a simple html select menu inside a div and want to populate options using the knockout options binding. This is what my code looks like:

$('#menu').html('<select name="list" data-bind="options: listItems"></select>');

但是这个方法行不通.有什么想法吗?

but this method doesn't work. Any ideas?

推荐答案

如果在绑定视图模型后动态添加此元素，它将不会出现在视图模型中，也不会更新.你可以做两件事之一.

If you add this element on the fly after you have bound your viewmodel it will not be in the viewmodel and won't update. You can do one of two things.

1. 将元素添加到DOM并通过再次调用ko.applyBindings();重新绑定它
2. 或者从一开始就将列表添加到 DOM 并将视图模型中的选项集合留空.Knockout 不会渲染它，直到您稍后将元素动态添加到选项中.

这篇关于动态生成元素上的敲除数据绑定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！