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

我想你忘记了在index.html

中使用ui-view指令设置div

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

另一件事我不完全确定，但我的工作方式，我把＆＃34; templateUrl＆＃34;进入州内的意见清单。

此时我正在使用的一个例子：

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

希望它适用于您，如果没有，您能否提供有关您问题的更多信息？我想我可以帮到你（：

Answer 2

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

Angular＆amp; UI路由器 - 模板正在加载但文档上没有显示任何内容

2 个答案: