1

$canActivate には実際に 3 つの問題があります (問題をよりよく理解するために、以下のコードも参照してください)。

  1. をクリックする<a ng-link="['MachineDetails', { id: 'c6bd76947fc0' }]</a>と、$canActivate から ID にアクセスできません (URL とルートはまだ変更されていないため、注入 $location または注入 $rootRouter を介して取得できません)
  2. $canActivate からコントローラーにデータを渡す方法がわかりません。

  3. $canActivate から ($rootRouter.navigate() を使用して) 再ルーティングできません。

    import template from './machine-details.html';

export const machineDetailsComponent = {
    template: template,
    controller: machineDetailsController,
    $canActivate: canActivate,
};

/*@ngInject*/
function machineDetailsController (machineDetailsService) {
    this.$routerOnActivate = function (nextRoute) {
        // do something;
    };
}

/*@ngInject*/
function canActivate ($q, $rootRouter, machineDetailsService) {
    const deferred = $q.defer();
    /**
     * ISSUE 1:
     * if I get here via ng-link, then $rootRouter.lastNavigationAttempt 
     * shows the route I was on when clicking, however if I type the url manually 
     * (or refresh) I get something I can use which is for example '/machineDetails/c6bd76947fc01'
     **/ 
    const machineId = $rootRouter.lastNavigationAttempt.split('/')[2];

    machineDetailsService.getMachineDetailsData(machineId)
        .then(successHandler, errorHandler);

    /**        
     * ISSUE 2:
     * 'result' does not make its way into controller so I need to call
     * machineDetailsService.getMachineDetailsData again in controller...
     **/ 
    function successHandler (result) {
        deferred.resolve(); // passing on result has no affect
    }

    function errorHandler (error) {
        deferred.resolve(error);
        /** 
         * ISSUE 3: 
         * $rootRouter.navigate doesn't work here (and controller is 
         * never called) so how do I cause system to go back to list view ?
        **/ 
        // $rootRouter.navigate(['ListView']);
    }

    return deferred.promise;
}

    上記のコードは、ES6 で記述された私のコンポーネント定義です。

4

1 に答える 1

1

  1. フックに注入$nextInstructionする$canActivateと、 経由でパラメータにアクセスできます$nextInstruction.params。

    function canActivate($nextInstruction, $q, $rootRouter, machineDetailsService) {
  const machineId = $nextInstruction.params.id;
}

  2. $canActivate同じ問題に遭遇しましたが、フックからコントローラーにデータを渡すための解決策が見つかりませんでした。

  3. ListView経由で移動できます$rootRouter.navigate(['/ListView'])。スラッシュに注意してください。ListViewこれは子ルートではないため、指定する必要があります。

于 2016-06-02T12:58:21.610 に答える