Angularjs 视图使用angular ui路由器加载两次_Angularjs_Angular Ui Router

Angularjs 视图使用angular ui路由器加载两次

angularjs

Angularjs 视图使用angular ui路由器加载两次,angularjs,angular-ui-router,Angularjs,Angular Ui Router,在我看来，我有一个问题。视图加载了两次，我不知道发生了什么。我在索引文件中所做的是： <body class="ng-cloak">  <div class="container-fluid"> <div data-ng-controller="HomeCtrl" class="row"> <!--Here is the ui view directive--&g

在我看来，我有一个问题。视图加载了两次，我不知道发生了什么。

我在索引文件中所做的是：

<body class="ng-cloak">
  <!--Menus-->    

  <div class="container-fluid">
      <div data-ng-controller="HomeCtrl" class="row">
           <!--Here is the ui view directive-->
          <div class="col col-md-12"  data-ui-view ></div>
      </div>
  </div>

  <!--script files here-->
</body>

home.html应该包含部分内容。不要在home.html中添加标记。路由器正在获取部分模板并将其放入主模板索引中。HTMLN除了主索引文件之外，没有其他部分内容。那么，您是否可以创建用于查找此问题的plunkr？看起来我已经找出了问题所在。我还没有创建contact.html页面，所以这就是问题所在。无论如何，谢谢

$stateProvider
            .state('home', {
                url: '/',
                templateUrl: 'partials/home.html'
            })
            .state('contact', {
                url: '/contact',
                templateUrl: 'partials/contact.html'
            })
            .state('contact.inner', {
                url: '/inner',
                templateUrl: 'partials/inner.html'
            });