이렇습니다. 포스터는 현재 Anglejs를 배우고 있는데 어려움을 겪었습니다.
홈페이지 index.html에 ng-app="Demo" 모듈이 있습니다. 이 모듈을 사용하여 ui-router를 사용합니다. 라우팅을 위해.
index.html 페이지에 하위 페이지 코드가 로드됩니다.
이제 문제가 발생합니다. 하위 페이지를 사용자 구성 요소와 같은 것으로 캡슐화했습니다. 중간에는 자체 모델, 서비스 및 컨트롤러가 있습니다.
모델과 서비스는 이야기하기 쉽습니다. 문제는 컨트롤러가 홈페이지에서 ng-app="Demo"를 사용하는 방식인데, 이를 사용할 때 해당 서비스와 모델도 주입해야 한다는 점에 유의하세요. 하위 페이지, 컨트롤러를 메인 페이지의 데모 모듈에 바인딩하고 새로운 종속성 모델, 서비스를 추가해야 합니다
메인 페이지의 js 파일은 다음과 같습니다.
으아악하위 페이지의 컨트롤러입니다:
으아악이렇게 하면 컨트롤러의 코드가 전혀 로드되지 않습니다. 무슨 일인가요?
angular.module 메소드는 두 번째 매개변수가 전달되지 않은 경우에만 등록된 모듈을 가져오고, 그렇지 않으면 새 모듈을 생성합니다