Twitter bootstrap Bootstrap.Tabs视图未将所选选项卡显示为活动选项卡

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

{{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正在按预期工作：选中时，选项卡显示为活动

---

我的申请可能会出什么问题？对于这种奇怪的现象，有什么调试建议吗？

要深入挖掘的内部工作机制是get为

{{{linkTo}}

助手实例化的视图，您可以观察它的

active

属性，并检查它是否在（复杂的）应用程序中也发生了更改

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

我已经把它添加到你的程序中，显然它工作正常

希望能有帮助