동일한 페이지에서 두 개의 ui보기 AngularJs

저는 AngularJs에서 새로운데 문제가 있습니다. 같은 페이지에 두 개의 UI 뷰가 있습니다. 예를 들어 뷰 목표를 표시하기 위해 하나의 버튼을 누르면, ui-view 1과 두 번째 ui-view에서 동시에 form goal을 보았을 때, 저는 주와 함께 일했습니다. 하나의 버튼을 누르는 것이 하나의 UI에 속하는 양식 만 보여줄 때 어떻게해야하는지 모르겠습니다.동일한 페이지에서 두 개의 ui보기 AngularJs

HTML

<button class="btn btn-success" 
    ng-click="go('projectShow.milestones.reports')">New Report</button> 

    <div ui-view class="crearreport"></div> 


    <button class="btn btn-success" 
    ng-click="go('projectShow.milestones.goals')">New Goals</button> 

    <div ui-view class="creargoal"></div>

Controllerjs를 :보기,

내 소스를 보면

$scope.go = function(route){ $state.go(route); };

RouteJs :

.state('projectShow.milestones.goals', { 
        templateUrl: '../assets/projects/formulario.html', })   
    .state('projectShow.milestones.reports',{ 
         templateUrl: '../assets/reports/formularioReport.html' })

감사합니다! 그리고 시간 내 주셔서 감사합니다!

출처

2014-09-11 Felipe Valdivia

HTML을 공유 할 수 있습니까? ui-view 지시문을 사용하는 방법을 확인하는 것이 도움이 될 것입니다 – jcruz

ui-view 지시어가 여러 개인 경우 개별적으로 이름을 지정할 수 있도록 각 ui-view 지시문에 이름을 지정해야합니다.

UI를 라우터 위키

에 따르면 당신은 어떻게 설치 UI에 대한 자세한 내용이 있습니다

<!-- Unnamed --> 
<div ui-view></div> 

<!-- Named --> 
<div ui-view="viewName"></div>

어떤 템플릿 (또는 루트 HTML) 내에서 하나 개의 이름이보기를 할 수 있습니다 -router & ui-view 여기에 있습니다. https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view

출처

2014-09-11 23:30:09 jcruz

Perfect @jcruz 이제 작동합니다! 시간 내 줘서 고마워 ! ui-view에 이름을 지정하고 상태의 이름을 뷰에 추가해야했습니다. 인사! –

동일한 페이지에서 두 개의 ui보기 AngularJs

답변

관련 문제