带角度的Rails - uiView未定义

par*_*ter 1 javascript ruby-on-rails uiview angularjs

我正在按照本教程制作带有角度的rails应用程序并且已经达到了这一部分:https://thinkster.io/angular-rails/#integrating-the-front-end-with-the-asset-pipeline -移动-角的模板-到-的资产流水线和-结构化最JavaScript的文件夹

尽管如此,我的页面上没有任何内容出现

<! - uiView:undefined - >

这是HTML:

<html>
<head>
  <title>TestApp</title>
  <%= stylesheet_link_tag    'application', media: 'all' %>
  <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
</head>
<body ng-app="sfslaps">
  <div class="row">
    <div class="col-md-6 col-md-offset-3">
      <ui-view></ui-view>
    </div>
  </div>


</body>
</html>
</html>
Run Code Online (Sandbox Code Playgroud)

角度:

angular.module('sfslaps', ['ui.router', 'templates'])
.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: 'home/_home.html',
      controller: 'MainCtrl'
    })
    .state('posts', {
      url: '/posts/{id}',
      templateUrl: 'posts/_post.html',
      controller: 'PostsCtrl'
    });

  $urlRouterProvider.otherwise('home');
}]);
Run Code Online (Sandbox Code Playgroud)

是什么导致它说这个而不显示我的任何UI视图?所有的HTML都在ui-view中,但它预先说明未定义.

在此输入图像描述

小智 6

不知道你是否已经弄清楚...从我看到的,你正在关注这个教程:https://thinkster.io/angular-rails/

您完成了所有操作,但是当您将模板放在"_home.html"文件中时,必须删除代码周围的"脚本"标记.否则,您基本上包括内联模板而不是HTML代码.