Angular.js ui-router에서 컴포넌트에 의해 state가 변경되었을때 ui-view 변경에 대해 여쭙습니다.

Question

Angular.js를 사용한지 이제 한 2주차가 다 되어가는 것 같습니다. ㅎㅎ써보니까 엄청 괜찮더라구요. 더군다나 ui-router를 함께 쓰니까 SPA 구현할때 더할나위 없네요. 근데 지금 봉착한 문제가 하나 있는데요. 스테이트가 변경이 되었을 때 ui-view의 업데이트 문제입니다.컨트롤러가 연결된 뷰가 /talk 라고 했을 때, 여기에 속해있는 컴포넌트가 있습니다. 여기서 ui-sref="talk.view({roomNo:13})" 뭐 이런식으로 해서 특정 대화방으로 이동하게끔 했습니다.URL은 #/talk/13 이런식으로 바뀌긴 하는데, /talk의 ui-view가 바뀌지가 않는 문제가 있습니다.아무래도 컴포넌트 상위 개체에 있는 ui-view가 하위에 있는 컴포넌트로부터 직접적으로 변경이 되진 않는 것 같은데요. 이때 ui-view를 어떻게 바꿔야 할 지 잘 모르겠습니다. 코드는 제껄 좀 간략화 하면 얼추 이런식으로 되어있습니다. ...

menu1
menu2

>

...

see {{item.title}}

/* app.route.js */ $stateProvider.state('talk', { url : '/talk', templateUrl : "view.html", controller : "ViewController" }).state('talk.view', { url : '/{roomNo}' , templatUrl : function($stateParams){ return "talk/" + $stateParam.roomNo; } }) /* tab-list component*/ .component('tabList', { templateUrl : 'templates/ant-list.html', controller : function TabListCtrl ($scope, $http, $attrs, $sce) { ... } } );

Angular.js ui-router에서 컴포넌트에 의해 state가 변경되었을때 ui-view 변경에 대해 여쭙습니다.

0개의 답변

Q&A 목록