Два ui-view на той же странице AngularJs

Question

Я новичок в AngularJs, и у меня есть проблема, у меня есть два ui-view на одной странице, и когда вы нажимаете одну кнопку, например, для показа целей представления, появляется формальная цель в ui-view 1, а также во втором ui-view в то же время, я работал с состояниями. Я не знаю, как это сделать, когда нажимать одну кнопку показывается только форма, принадлежащая одному ui- вид,

смотрите мой источник:

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' }) 

С уважением! и спасибо за ваше время!

Answer 1

Поскольку у вас есть несколько директив ui-view, вам нужно дать каждому имя, чтобы вы могли настроить их индивидуально.

В соответствии с пользовательским интерфейсом маршрутизаторами вики

Вы можете иметь только один неназванный вид внутри любого шаблона (или корневой HTML)

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

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

Есть более подробную информацию о том, как настроить пользовательский интерфейс -router & ui-view здесь. https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view