为什么我的popover textarea +数据绑定文本为空，knockout.js + bootstrap

Question

我想在用户可以选择的文本区域中显示带有文本的弹出框。让文本区域显示没有问题，但我无法让我的数据绑定文本显示。我错过了什么？

HTML

    <a class="shareVidBtn" data-toggle="popover" data-bind="attr: { 'data-title': $$.LR.Title,'data-content':'<textarea class=input-block-level  data-bind=attr:{text:'+$$.paths.root+'/Page?ID='+ID()+'}></textarea>'}" rel="popover" data-html="true">

JS

      $("[rel='popover']").popover();

谢谢！

解决方案（感谢 Posthuma 指出正确的方向）

    <a class="shareVidBtn" data-toggle="popover" data-bind="attr: { 'data-title': $$.LR.Title, 'data-content': '<textarea class=input-block-level></textarea>' }, shareVid:$$.paths.root + 'Page?ID=' + ID()" rel="popover" data-html="true">

淘汰自定义绑定

     ko.bindingHandlers.shareVid = {
            init: function (element, valueAccessor) {
                var value = valueAccessor();
                setTimeout(function () { 
                    $(element).click(function(){
                        $(this).parent().children().last().find('textarea').val(value);
                    });
                });
            }
        }

Answer 1

当您应用绑定时，您在 textarea 中附加的元素在 DOM 上不存在。

您需要对此元素应用绑定，或通过custom binding handler 处理此问题。