Knockoutjs 中的自定義組件綁定

Question

我正在嘗試使用knockoutjs 加載自定義組件。

這是我的 HTML ：

<div id="mainDiv"></div>

JS：

$("#mainDiv").append("<my-component-name></my-component-name>");

這會在 div 之后附加<my-component-name></my-component-name>但不會將我的組件綁定到 html。

如果我使用ko.applyBindings(); 它會引發錯誤"Error: You cannot apply bindings multiple times to the same element."

我無法找到綁定有什么問題。

Answer 1

視圖已更新，但綁定未更新。 在第一次應用綁定后，您需要對插入到 HTML 中的任何元素執行ko.applyBindings 。 在應用綁定后應用組件是一個糟糕的解決方案。 並且不要將淘汰賽與 jQuery 或 js DOM 操作混用，PLEEEASSE！

Answer 2

在這里我得到了解決方案：

var myComp = document.createElement("my-component-name");
$("#mainDiv").append(myComp);
ko.applyBindings({},myComp);

Ko.applyBinding 需要在 html 中綁定我的組件。