Angular & UI 路由器 - 模板正在加载，但文档中未显示任何内容

Question

我正在使用 Angular 1 和 UI 路由器（https://github.com/angular-ui/ui-router）。

这是我的主要 app.js 的样子：

var myApp= angular.module('myApp', [
  'ui.router'   
]);

myApp.config(function($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise("/overview");
  $stateProvider
    .state('overview', {
      url: "/overview",
      templateUrl: "templates/overview/overview.html"
    });
});

问题是，我可以加载 overview.html 但文档上没有显示任何内容（文件肯定不为空）

angular.js:11821 XHR finished loading: GET "http://localhost:8000/templates/overview/overview.html".

我不太清楚为什么会这样。

Answer 1

好的，问题是我使用了 ng-view 而不是 ui-view。

Answer 2

我想你忘了在你的 index.html

中放一个 div 和 ui-view 指令

示例：<div ui-view></div>

另一件事我不太确定，但它是如何工作的，我将 "templateUrl" 放入状态内的视图列表中。

我现在使用的一个例子：

  .state('home', {
        url: '/',
        views: {
          '@': {
            templateUrl: 'templates/main.html'
          }
        }
    });

希望它对你有用，如果没有，你能提供更多关于你的问题的信息吗？我想我可以帮助你 (:

Angular & UI 路由器 - 模板正在加载，但文档中未显示任何内容

Angular & UI Router - template is loading but nothing shows up on the document

user-interface

router

angularjs