我正在使用堆叠的 Bootstrap 药丸在视图子集上实现左导航。我正在使用一个简单的compose
绑定将左侧导航视图添加到视图中:
<div data-bind="compose: { view: 'left-nav' }"></div>
在左侧导航中,我想以编程方式将active
类添加到其中一个药丸中,以指示哪个视图处于活动状态;就像是:
switch (router.activeInstruction().fragment) {
case "foo":
$("#pills #foo").addClass("active");
break;
};
当此代码在activate
处理程序中运行时,父视图组合尚未完成。
使用什么正确方法来compositionComplete
确保此代码在父母和孩子都完全组合后运行?
谢谢!
更新: 解决了......几分钟的变化 - 你只需要实现处理程序。
var compositionComplete = function () {
switch (router.activeInstruction().fragment) {
case "foo":
$("#pills #foo").addClass("active");
break;
};
};
var vm = {
activate: activate,
compositionComplete: compositionComplete,
};