사이트 루트에 있지 않을 때 routeProvider 사용

죄송합니다. 분명치 않은 점이 있다면 죄송합니다. Angular에 새로운 점이 있습니다.사이트 루트에 있지 않을 때 routeProvider 사용

이 페이지에서 응용 프로그램을 실행 중입니다 : //hosted.demo.ca/md/SitePages/Home.aspx 응용 프로그램에서 라우팅을 설정하려고하는데 페이지가 공백으로 렌더링됩니다. 콘솔에 오류가 없습니다.

routeProvider :

var spApp = angular.module('spApp', []) 
    .config(function($routeProvider){ 
     $routeProvider.when('/userView', 
     { 
      templateUrl: 'partials/userView.html', 
      controller: 'userCtrl' 
     }) 
    });

내 HTML 등 같은 :

<div id="mdContainer" ng-cloak> 
     <!-- Navigation --> 
     <div id='mdSidebar'> 
      <ul> 
       <li id="menuHome"><a href='#'><span>Home</span></a></li> 
       <li id="menuUsers"><a href='#/userView'><span>Users</span></a></li> 
       <li id="menuGroups"><a href='#'><span>Groups</span></a></li> 
       <li id="menuSites"><a href='#'><span>Sites</span></a></li> 
       <li id="menuReports"><a href='#'><span>Reports</span></a></li> 
      </ul> 
     </div> 

     <!-- Main view --> 
     <ng-view></ng-view> 
    </div>

출처

2014-01-25 Batman

귀하의 위치가 경로 설정 대상인 '/ userView'와 일치하지 않으므로 설정하십시오. –

그러나 사용자 버튼이 클릭 될 때 사용자보기가 호출되어야하지만 컨테이너가 전혀로드되지 않습니다. – Batman

링크에서 # 제거, 각도 ngapp 컨테이너 내부 모든 링크를 후크 믿습니다, 그래서 당신 앞에 # 필요하지 않습니다. –

당신은 경로 모듈을 추가 했습니까? 다음과 같이 사용하십시오.

var spApp = angular.module('spApp', ['ngRoute'])

자세한 내용은 here을 참조하십시오. Angular의 최신 버전에서는 라우트 기능이 별도의 모듈로 이동되었습니다. 당신은 당신이 쉽게 할 수있는 정자를 사용하는 경우

<script src="path/to/angular-route.js">

또한 나는 같은 것을 사용하여 HTML 파일에 각-route.js 파일을 추가하는 것을 잊지하는 것이 매우 쉽다는 것을 개인적인 경험에서 말할 수 있습니다 다음과 같이 설정하십시오 :

bower install angular-route

출처

2014-01-25 05:54:17 SnapShot

아, 알겠습니다. 네, 왜냐하면 저는 복수형 튜토리얼을보고 있기 때문에 그것들을하지 못하기 때문입니다. 나는 이것을하고 그것이 효과가 있는지보기 위해 노력할 것입니다. 감사. – Batman

@Batman, 어떤 버전을 사용하고 있습니까? 경로 제공 업체가 나머지 각도로 컴파일 된 이후로 이전 경로의 방식대로 작동합니다. –

1.2.4 – Batman

사이트 루트에 있지 않을 때 routeProvider 사용

답변

관련 문제