Почему я получаю дублирование div при использовании ui-router?

Question

Я написал простую демоверсию, чтобы попытаться понять ui router.

Но проблема в том, что я получал дублирующее представление при использовании ui router.

Вот 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 дважды, что создало экземпляр одной и той же вещи дважды. Вы можете удалить одну из ссылок, чтобы она работала правильно.

Forked Plunkr