다른 파일에서의 Angularjs 라우팅

다른 파일에서의 Angularjs 라우팅

앵글 루팅을 체크하고 있어요

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

표시된 예에서는 모든 루트가 동일한 파일에 정의되어 있습니다.다양한 파일/모듈에 다양한 경로를 정의하려면 어떻게 해야 합니까?

각진 상태JS 루트는 컨피규레이션블록에 정의되어 있습니다.각 각도JS 모듈에는 여러 설정 블록을 설정할 수 있으며 각 설정 블록에서 루트를 정의할 수 있습니다.응용 프로그램 전체의 최종 라우팅은 모든 모듈에서 정의된 루트의 합계입니다.

실제로는 다음과 같이 할 수 있습니다.

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
});

Split over files에 대해서 - 이것은 Angular를 어떻게 분할하느냐에 따라 크게 달라지는 것 같습니다.파일의 JS 모듈내가 추천하는 것은 1파일=1모듈 원칙을 고수하는 것이다.

이 모든 것이 Angular-app에서 대규모 웹 애플리케이션에 적용되는 것을 볼 수 있습니다. 이는 Angular로 작성된 단순하지 않은 애플리케이션에 대한 참조를 구축하기 위한 노력입니다.JS:

• https://github.com/angular-app/angular-app

상기 앱에서는 다음과 같은 여러 파일에 정의된 경로를 볼 수 있습니다.

• https://github.com/angular-app/angular-app/blob/master/client/src/app/projectsinfo/projectsinfo.js
• https://github.com/angular-app/angular-app/blob/master/client/src/app/projects/projects.js

다른 파일을 지정하지 않고 Angular 애플리케이션을 다른 파일로 만들 수 있습니다.

순서 1: 완전한 URL을 취득

var url = window.location.pathname;

2단계 파일 이름만 정렬

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

3단계 결과 표시

alert(filename);

저는 이것을 w3에서 실행했습니다.try it editor http://www.w3schools.com/code/tryit.asp?filename=FDP3QTCP7V4E

언급URL : https://stackoverflow.com/questions/16260602/angularjs-routing-in-different-files