2014-07-18 2 views
0

가이 코드를 angular.jsHTML되지 볼 구문 분석은

angular.module("App").config(function($stateProvider, $locationProvider, $injector) { 
    $stateProvider 
    .state("member", { 
     url: "/member/list", 
     views: { 
      "" : { 
       templateUrl: "/js/angular/partials/member/list.html?" + Math.random(), 
       controller: 'MemberController' 
      } 
     } 
    }); 
}); 

그리고

$state.go("member"); 

그것은 작동 할 승인. HTML을로드하고 기본보기로 해석하지만, 첫 번째 버전과

$state.go("member.list"); 

을하는 사람들과는 기본보기에 HTML을 구문 분석하지 않습니다. html을로드하지만 (디버거에서 볼 수 있음) HTML은 뷰에 배치되지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

EDIT 1

나는 this 발견하지만 작동하지하지 HTML :(

편집 2

바이올린과 프로그래밍을하고 있어요 때문에 정말 도움이되지 않습니다 : http://jsfiddle.net/8ET4L/

피들링 :

EDIT 3 수정 :

angular.module("App").config(function($stateProvider, $locationProvider, $injector) { 
    $stateProvider 
    .state("member", { 
     url: "/member", 
     abstract: true, 
     template: "<div ui-view />" 
    }) 
    .state("member.list", { 
     url: "/list", 
     views: { 
      "" : { 
       templateUrl: "/js/angular/partials/member/list.html?" + Math.random(), 
       controller: 'MemberController' 
      } 
     } 
    }); 
}); 
+0

url : "/ member/list"로 변경 url : "/ member". 이거 해봤 니? – micronyks

+0

이러한보기에 대해 HTML 템플리트를 표시하려고 할 수 있습니다. 또는 plunkr/jsfiddle을 생성하십시오. –

+0

@micronyks 예 ... 그것은 작동하지 않습니다 :(그리고 그것은 html (ajax 요청)을로드하기 때문에 작동한다고 말할 수 있습니다. 문제는 뷰로 분석하지 않습니다. SunilD. html을 상상해보십시오. 템플릿에는 div 만 있습니다. – Cito

답변

1

says 문서로 :

기억 : 추상 상태는 여전히 자신의 자신의 아이들에 <ui-view/> 플러그 할 필요가있다. 따라서 추상 상태를 사용하여 URL을 앞에두고 resolves/data를 설정하거나 onEnter/Exit 함수를 실행하면 template: "<ui-view/>"을 추가로 설정해야합니다. 당신의 바이올린에

<div ng-app="App" ng-controller="AppCtrl"> 
    <div ui-view> 
     <div ui-view> 
     this is the main view 
     </div> 
    </div> 
</div> 

을 : 당신이해야 의미

. 내 updated example을 참조하십시오.

또는 당신은 국가의 정의에 선언 할 수 있습니다

.state("member", { 
    url: "/member", 
    abstract: true, 
    template: "<div ui-view/>" 
}) 

another fiddle를 참조하십시오.

+1

고마워요! 정말 잘됐다! – Cito