组件生命周期

Question

下面是一个创建简单组件的示例。 根据{{​​3}}，可以添加dispose函数，当从DOM中删除组件时，该函数会被ko调用。我正在寻找类似的东西，以便我能够进入第5步该组件是活跃的。

评论要求的其他信息

在下面的示例中，我希望a）插入由ko component和b）创建的DOM片段，一旦它附加到DOM，将<ul>转换为kendo PanelBar。这与使用Durandal compositionComplete事件的方式非常相似。可能还有其他解决方案，但我有兴趣了解如何通过使用淘汰组件来实现这一目标。

模板

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">Panel title</h3>
    </div>
    <div class="panel-body">
       <ul class="panelBar" data-bind="foreach: widgets">
          <li data-bind="text: text"></li>
       </ul>
    </div>
</div>

视图模型

var widgets = [
    {
        text: 'Options'
    },
    {
        text: 'Pages'
    }
];

function FeaturePanel(params){
    this.widgets = ko.observableArray(widgets);
}

function createViewModel ( params, componentInfo ) {

   return new FeaturePanel(params);
}

module.exports = {
    createViewModel: createViewModel
};

Answer 1

看起来我不是唯一一个想要挂钩active事件的人，但目前淘汰赛不支持此事。但是有一个3.3+的功能请求 https://github.com/knockout/knockout/issues/1475