javascript - 无法通过 url 访问 Ember 子路由并将我重定向到父路由

Question

我想通过 url 访问子路由，例如:https://my-app.com/dashboard/library。当我点击它时，Ember 将我重定向到 https://my-app.com/dashboard 并正确填充这条路线的模型数据，但我想转到 https://my- app.com/dashboard/library，及其新模型数据。另一方面，我可以通过 url 访问 https://my-app.com/login，顺便说一下，它没有模型数据。

在 environment.js 我有 locationType: "auto"，我的 router.js 是这样的:

Router.map(function() {
  this.route('login');
  this.route('dashboard', function() {
    this.route('child', {path: '/child/:child_id'});
    this.route('library');
  });
});

我的路线:

// Route: dashboard
import Ember from 'ember';
import RouteHistoryMixin from 'ember-route-history/mixins/routes/route-history';

export default Ember.Route.extend(RouteHistoryMixin, {
    model: function() {
        let userId = this.authentication.getPlayerId();
        let actions =  this.store.findAll('action');
        return Ember.RSVP.hash({
            actions: actions,
            tasks: Ember.RSVP.all([actions]).then((actions) => {
                return this.store.findAll('task')
            }),
            rank: this.store.findAll('rank')
        });
    },
    afterModel: function(){
        this.transitionTo('dashboard.index');   // needless
    },
    setupController(controller, model) {
        this._super(...arguments);
        Ember.set(controller, 'tasks', model.tasks);
        Ember.set(controller, 'rank', model.rank);
    }
    // . . .

和

// Route: dashboard/library
import Route from '@ember/routing/route';
import Ember from 'ember';
import RouteHistoryMixin from 'ember-route-history/mixins/routes/route-history';

export default Route.extend(RouteHistoryMixin, {
    complete: Ember.inject.service(),
    queryParams: {
        taskId: {}
    },
    model(params) {
        if(params.taskId) {
            return Ember.RSVP.hash({
                article: this.store.query('article', { filter: '{"inSyllabus": true}'}),
                task: this.store.query('task', { filter: '{"id": ' + params.taskId + '}'})
            });
        }
        else {
            return Ember.RSVP.hash({
                article: this.store.query('article', { filter: '{"inSyllabus": true}'})
            });
        }
    },
    setupController(controller) {
        this._super(...arguments);
        if (controller.taskId)
            this.store.findRecord('task', controller.taskId).then((task) => {
                controller.set('libraryQueryParam', task.points);
                // Notify Task completion
                let payload = {
                    startDate: new Date(),
                    endDate: new Date(),
                    points: task.points,
                    entries: 1
                };
                // PUT HTTP COMMAND FOR PLAYER
                let playerTask = this.store.createRecord('playTaskTest', payload);
                playerTask.save();
            });
    }
    // . . .

可能是配置标志或路由器配置问题？

我怎样才能通过 url 访问这个子路由或者你们有没有发生过类似的事情？

Answer 1

我认为问题出在仪表板中。在 afterModel 钩子(Hook)上:

afterModel: function(){
    this.transitionTo('dashboard.index');   // needless
}

每次调用dashboard 路由时，这部分重定向到dashboard.index。请记住，dashboard.index 是与 child 和 library 相同的子路由，因此您将永远无法访问它们。