同一頁面中的兩個ui視圖AngularJs

Question

我是AngularJs的新手，我有一個問題，我在同一頁面中有兩個ui視圖，例如當按下一個按鈕以顯示視圖目標時，在ui-view 1中也會出現表單目標在同一時間的第二個ui視圖中，我使用了states。我不知道該怎么做，當按下一個按鈕僅顯示屬於一個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>

Controller.js：

    $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指令，因此需要為每個指令指定一個名稱，以便可以分別定位它們。

根據ui-router Wiki

任何模板（或根html）中只能有一個未命名的視圖

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

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

這里有更多關於如何設置ui-router和ui-view的細節。 https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-view