javascript - Canjs：数据绑定未完成

Question

我有一个嵌套组件。父组件集合是子组件范围内的一个属性：

<toc layers="layers" selectedlayers="selectedlayers"></toc>

在子组件中，我监听图层的更改事件

"{scope} layers": function (el, event) {

},

查看代码：

{{#if layers.length}}
    {{#each layers}}
    <li>
        <input type="checkbox" name="{{guid}}" value="{{url}}" id="checkBoxLayer" {{#if isVisible}}checked{{/if}}/>{{name}}
        <span class="js-layer-icon glyphicon glyphicon-info-sign pointer-cursor" data-container="body" data-toggle="popover" data-placement="left" data-content="{{copyright}}"></span>
    </li>
    {{/each}}
    {{/if}}

我现在将为我的图层列表中的所有项目设置一个工具提示，如下所示

$("span.js-layer-icon").popover({ trigger: "hover" });

我怎么能做到这一点，或者我怎么知道绑定何时完成，所以我可以做到这一点。

Answer 1

can.Component 有一个“插入”事件。所以你可以做这样的事情：

can.Component.extend({
    tag         : 'custom-tag',
    template    : can.view('my_template'),
    viewModel   : myVM,
    events : {
        "inserted": function() {
            this.element.find("span.js-layer-icon").popover({ trigger: "hover" });
        }
    }
});