0

私のテンプレートの 1 つは、いくつかのブートストラップ タブを表示しています。

{{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用にインスタンス化されたビューの内部動作をさらに掘り下げるには、そのプロパティを観察し、(複雑な) アプリケーションでも変更されているかどうかを確認できます。{{#linkTo}}active

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

これをjsbin デモに追加しましたが、明らかに正しく動作しています。

それが役に立てば幸い

于 2013-08-23T11:05:24.043 に答える