[英]knockout data-bind="html: html , inside html click event is not working
我有這樣的html:
<div class="row thumbnailrow" data-bind="foreach: data">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 thumbpadding" data-bind="html: HtmlText">
</div>
<div>
接到ajax調用后:
成功:功能(數據){
$.each(data, function (i, items) {
debugger;
self.data.push(items);
});
}
因此它將填充html綁定和google chrome輸出,如下所示:
<div class="row thumbnailrow" data-bind="foreach: MyProfilesData">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 thumbpadding" data-bind="html: HtmlText"><div>
<div class="pcbtn btnpcedit" data-bind="click: EditProfile" />
</div>
</div>
所以在這里我click: EditProfile
不起作用,當我單擊編輯按鈕時,不會觸發此事件。
html
綁定不處理插入的HTML中的綁定。 通常,應用綁定是不安全的 。 但是,如果這是您真正想做的事情,則需要這樣的自定義綁定:
ko.bindingHandlers.htmlBound = {
init: function() {
return { controlsDescendantBindings: true };
},
update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
ko.utils.setHtml(element, valueAccessor());
ko.applyBindingsToDescendants(bindingContext, element);
}
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.