Question

我正在Angular / Rails中构建一个玩具应用程序，我有大部分角度ui路由工作，但它似乎没有显示模板。我知道控制器正在加载，因为我放了一个调试器，它冻结在chrome dev工具中。

编辑：可能是因为指定的templateUrl不是有效路由。它将根html文件注入其自身并需要多次角度。绝对路径也不起作用。仍然没有解决方案。

以下是我的一些代码：

我也知道重定向路由有效，因为我已经在本地主机上测试了它。

angular.module('SwoleMetrics', [
        'ui.router',
        'templates'
    ])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
      /**
       * Routes and States
       */
      $stateProvider
          .state('dashboard', {
              url: '/dashboard',
              templateUrl: 'dashboard.html',
              controller: 'DashboardCtrl'
          });

      // default fall back route
      $urlRouterProvider.otherwise('/dashboard');

      // enable HTML5 Mode for SEO
      $locationProvider.html5Mode(true);
    });

这是控制器：

angular.module('SwoleMetrics')
    .controller('DashboardCtrl', function ($scope) {
        $scope.things = ['Angular', 'Rails 4.1', 'UI Router', 'Together!!'];
    });

最后是模板：

<div class="container">
    <h1>The Home View!</h1>
    <ul>
        <li ng-repeat="thing in things">{{thing}}</li>
    </ul>
</div>

它进入这个标签，但我不认为这是问题：

<div class="main-view-container" ui-view></div>

如果有帮助，我正在使用angular-ui-templates 1.4.0。

Angular ui-router未加载模板

0 个答案: