0

我的模板之一显示了一些引导选项卡：

{{view Bootstrap.Tabs
    contentBinding="controller.content"
    selectionBinding="controller.selection"}}

使用以下模型：

SettingsApp.ProfileRoute = Ember.Route.extend({
    model: function () {
        var model = Ember.A([
            Ember.Object.create({title:t('profile.user'),      link:'#/profile/user'}),
            Ember.Object.create({title:t('profile.company'),   link:'#/profile/company'}),
            Ember.Object.create({title:t('profile.product'),   link:'#/profile/products/index'}),
        ]);
        return model;
    },
});

这工作正常：显示选项卡并且链接正常工作。单击选项卡时，会激活相应的路由，但Bootstrap.Tabs 视图不会突出显示所选选项。所有选项都显示为无效。

在我的（复杂）应用程序中，我正在执行与此jsbin相同的操作，但 jsbin 正在按预期工作：选项卡在选中时显示为活动状态。

我的应用程序可能出了什么问题？对这种奇怪现象有什么调试建议吗？

4

1 回答 1

1

Ember.LinkView要深入了解 get 为 helper 实例化的视图的内部工作原理，{{#linkTo}}您可以观察它的active属性并检查它是否在您的（复杂）应用程序中也发生了变化。

Ember.LinkView.reopen({
  activeChanged: function() {
    console.log('active');
  }.observes('active')
});

我已将此添加到您的jsbin 演示中，它显然可以正常工作。

希望能帮助到你

于 2013-08-23T11:05:24.043 回答