7

我正在尝试使链接在多个路由上保持“活动”,例如 /#/users 和 /#/user。

有任何想法吗?

4

2 回答 2

5

您可以重新打开 Ember 的 LinkView 并执行类似的操作(允许 currentWhen 包含空格分隔的值)

Ember.LinkView.reopen({
    active: function() {
        // we allow link-to's currentWhen to specify multiple routes
        // so we need to check each one of them
        var loadedParams = Ember.get(this, 'loadedParams');
        var currentWhen = this['current-when'] || this.currentWhen;
        currentWhen = currentWhen || (loadedParams && loadedParams.targetRouteName);

        if (currentWhen && currentWhen.indexOf(' ') >= 0) {
                var currents = currentWhen.split(' ');
                router = Ember.get(this, 'router');

            for (var i = 0; i < currents.length; i++) {
                var isActive = router.isActive.apply(router, [currents[i]]);
                if (isActive)
                    return isActive;
            }

            return false;
        }

        return this._super();
    }.property('resolvedParams', 'routerArgs')
});
于 2014-05-23T20:52:46.007 回答
-1

这是一个彻底的 hack,但它适用于 Ember 1.0.0。当用户路由处于活动状态时,要使指向用户的链接保持活动状态:

App.UserRoute = Ember.Route.extend({

    activate: function() {
        setTimeout(function() {
            $('[href="#/users"]').addClass("active");
        }, 0);
    }
});
于 2013-09-02T22:26:26.137 回答