AngularJS 1.2から1.6への動的ルートを変換できません

Question

AngularJS 1.2では、ルートとコントローラを動的にロードするためのコードがありますが、うまく動作します。私はAngularJS 1.6にアップグレードしたいが、今や私のダイナミクスはもう働かない。

これは、JSファイルをロードし、ルート再計算するために私の古いコードである（私は妥当性のいくつかの検証を持っているように簡略化ビットを、これが基本です）：ルックスをロードされている

moduleApp.config(function ($routeProvider, $controllerProvider) { 
    moduleApp.controllerProvider = $controllerProvider.register; 
    moduleApp.routeProvider = $routeProvider; 

    $routeProvider.when('/', { 
     templateUrl: 'startpage.html', 
     controller: 'startpageController' 
    }) 
    .otherwise({ 
     resolve: { 
      deps: function($q, $rootScope, $location) { 
       var deferred = $q.defer(); 

       var modulename = $location.path().split("/")[1]; 

       if (modulename !== null) { 
        // Load the JS using https://github.com/ded/script.js (Old but it works :) 
        $script(modulename + ".js", function() { 
         $rootScope.$apply(function() { 
          $rootScope.$broadcast('$locationChangeSuccess', $location.path(), $location.path()); 
         }); 
        }); 
       } 

       return deferred.promise; 
      } 
     } 
    }); 
}); 

そして、JSファイル

moduleApp.routeProvider. 
    when('/FirstModule', { 
     templateUrl: 'FirstModule.html', 
     caseInsensitiveMatch: true 
    }); 

moduleApp.controllerProvider('firstModuleController', function ($scope) { 
}); 

この場合も、1.2ではうまくいきますが、1.6でルートを適用するともうこのように動作しないと思います。だから私は$rootScopeを使用して、これを再び機能させるために、関数内で何を変更する必要がありますか？それとももっと変える必要がありますか？場合、何？

このコードでPlunkerを作成しました。 index.htmlで1.2.16へ

変更AngularJSバージョン、それは1.2で動作することを確認するために（また、唯一の#代わり#!のようにリンクしてhashbangを変更することを忘れないでください）。それを1.6に戻してください。もう動作しません。

Answer 1

この行は少し奇妙です。それはあなたを無限ループにしていました。マイナーなバグがありました。その代わりに、リロードに角度トリックしようとしているの

$rootScope.$broadcast('$locationChangeSuccess', $location.path(), $location.path()); 

、ちょうどここで$route.reload()

.otherwise({ 
    resolve: { 
     deps: function($q, $rootScope, $location, $http, $route) { 
      var deferred = $q.defer(); 

      var modulename = $location.path().split("/")[1]; 

      if (modulename !== null) { 
       $script(modulename + ".js", function() { 
        $rootScope.$apply(function() { 
         //$rootScope.$broadcast('$locationChangeSuccess', $location.path(), $location.path()); 
         $route.reload(); 
        }); 
       }); 
      } 

      return deferred.promise; 
     } 
    } 
}); 

を呼び出してもworking Plunker

_{です。応答}

 

編集ng-click="FirstButton"に括弧がありませんがコメントする：

放送システムイベント（$ locationChangeSuccessを）あなただけの危険な鳴りあったように。ある程度までは、実際にはサポートされていなかったので、1.2で動作したことが幸運になりました。確かに、あなたのコードが主張しているように、場所の変更は成功しませんでした。 reloadため

ドキュメントがちょうど言う：

は$の場所が変更されていない場合でも、現在のルートを再ロードするために$ルートサービスを引き起こします。 その結果、ngViewは新しいスコープを作成し、コントローラを再インスタンス化します。

これはサポートされているすべてのバージョンで動作するはずです。私はいかなる否定的な副作用も予期していません。これは、あなたが自作しようとしたことを行う標準的な方法です。