爲什麼在使用ui路由器時會得到div的重複？

我寫了一個簡單的演示，試圖瞭解ui路由器。爲什麼在使用ui路由器時會得到div的重複？

但問題是，我使用ui路由器時得到了重複的視圖。

這裏的stateProvider部分

app.config(function($stateProvider,$urlRouterProvider){ 
    $urlRouterProvider.otherwise('/baseView'); 

    $stateProvider 
     .state('baseView',{ 
      url:"/baseView", 
      templateUrl:"baseView.html" 
     }) 

     .state('baseView.empty',{ 
      abstract: true, 
      views:{ 
       "navBar":{ 
        templateUrl:"sideBar.html", 
        controller: "sideCtrl" 
       }, 
       "123":{ 
        templateUrl:"content.html" 
     } 
      } 
     }) 

     .state('baseView.empty.content1',{ 
      url:'/content1', 

      templateUrl:"content1.html" 
     }) 

     .state('baseView.empty.content2',{ 
      url:'/content2', 
      templateUrl:"content2.html" 
     }) 
})

plunker：http://plnkr.co/edit/Rm0Q50GX2GYvqyKnzkKz?p=preview

你會很快看到的問題，因爲你看到的預覽中plunker。

我相信這個問題是在該州供應部件，因爲如果我完全刪除狀態提供，沒有重複的...

來源

2016-08-13 Chen_Peng