Question

所以我正在编写一个小应用程序，目前正在处理角度js前端。后端是用RoR编写的，但除此之外。我的ui.router中有一个依赖项angular.module，因此我可以移动页面。

如果感兴趣，请链接到github分支：linky link

路径：

App
  -Assets
    -Javascripts
      -app.js (where the routing lies)
    -Templates
      -dashboard.html (this is the template I want to render)
  -Views
    -Layouts
      -Index.html.erb <- this is the index

这是问题所在：

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

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

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

无论我将什么路径放入templateUrl，它都无法运行。我在app.js周围的每个文件夹中都有相同的html文件，看看它是否可以读取其中任何一个，但它总是失败，只是递归插入父div。任何前端工程师都知道为什么吗？

Answer 1

问题在于通过rails提供文件的方式。 sprockets gem已更新，不再与angular-ui-templates兼容并破坏了所有内容。降级到链轮v.2.x，它起作用了。

Answer 2

它将与index.html相关。如果index.html位于App下，那么您的路径将是templateUrl：＆＃39; Templates / dashboard.html＆＃39;。

所有angularJs templateUrl路径无效

2 个答案: