web-dev-qa-db-ja.com

別のファイルでのAngularjsルーティング

angular routing。

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events.htm

私が見る例では、すべてのルートが同じファイルに定義されています。さまざまなファイル/モジュールでさまざまなルートを定義するにはどうすればよいですか？

angularjsroutingangular-routing
34
Harry

AngularJSでは、ルートは構成ブロックで定義されます。各AngularJSモジュールには複数の構成ブロックを含めることができ、各構成ブロックでルートを定義できます。アプリケーション全体の最終的なルーティングは、すべてのモジュールで定義されたルートの合計です。

実際には次のようにできます：

angular.module('myModule1', []).config(function($routeProvider){
  //define module-specific routes here
});

angular.module('myModule2', []).config(function($routeProvider){
  //define module-specific routes here
});

angular.module('myApp', ['myModule1', 'myModule2']).config(function($routeProvider){
  //define app-level routes here
});

ファイルの分割について-これは、AngularJSモジュールをファイルに分割する方法に大きく依存していると思います。私がお勧めするのは、1ファイルに固執することは、1モジュールの原則に等しいということです。

これはすべて、AngularJSで書かれた非自明なアプリケーションの参照を作成するための取り組みである、angular-appの大規模なWebアプリケーションに適用されます。

上記のアプリでは、複数のファイルで定義されたルートを見ることができます。例：

57
pkozlowski.opensource

Angularを指定せずに異なるファイルでアプリケーションを作成することができます。

ステップ1：完全なURLを取得

_var url = window.location.pathname;
_

ステップ2ファイル名のみをソートする

var filename = url.substring(url.lastIndexOf('/')+1);

ステップ3結果の表示

_alert(filename);
_

私はこれをエディターで試してみました http://www.w3schools.com/code/tryit.asp?filename=FDP3QTCP7V4E

0
JJ Siddeshwar