ui-routerを使用している間にdivの複製が得られるのはなぜですか？

Question

私は簡単なデモを書いて、UIルータを理解しようとしました。

しかし、問題は、私は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でプレビューを見ると、問題が表示されます。

私は

Answer 1

問題は、状態の定義とは関係ありません...私は完全に状態プロバイダを削除する場合は、重複がないため、問題は状態プロバイダの一部であると考えています。その理由は、angular.js & ui-router.jsを2回ロードして同じことを2回インスタンス化するためです。参照の1つを削除して、正常に動作させることができます。

Forked Plunkr