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" });
        }
    }
});