なぜ私のhtmlページがレンダリングされていないのですか<ui-view>？

Question

私はanglejsをレールでワイヤリングしようとしています。私は私の見解にいくつか問題があります。彼らは、私は/アプリではfirst.html https://github.com/sourabh-garg/vegeta/blob/master/response%20error.html

の応答でこれを取得しています[HTTP/1.1 404見つかりませんでした]私の見解は、フェッチされたが、エラーになっている

でレンダリング

を取得されていません私がロードしようとしているassets/templates/first.html

アプリ/ビュー/アプリケーション/ index.html.erbが私のインデックスファイルを持っている

ルートルート 'アプリケーション＃インデックス'

App.js

var app = angular.module('myapp', ['ui.router']) 

     .config(function config($stateProvider){ 

     $stateProvider.state("index", { 
     url : "", 
     controller : "FirstCtrl as first", 
     templateUrl : "first.html" 
     }) 

     $stateProvider.state("second", { 
     url : "/second", 
     controller : "SecondCtrl as second", 
     templateUrl : "second.html" 
     }) 

     }) 
     .directive('elem', function() { 
     return { 
      restrict: 'E', 
      templateUrl: "templates/second.html" 
     }; 
     }) 
     .filter('reverse', function(){ 

     return function(text){ 
     return text.split('').reverse().join(''); 
     } 

     }) 
     .service("greeting", function Greeting(){ 

     var greeting = this; 

     greeting.message = "Default"; 
     }) 
     .service('Data', [function() { 

     return {message: "You are a awesome"} 
     }]) 
     .controller('FirstCtrl', function($scope, greeting, Data){ 

     var first = this; 
     first.greeting = greeting; 

     first.data = Data; 

     first.reversed = function(message){ 
      return message.split('').reverse().join(''); 

     }; 

     }) 
     .controller('SecondCtrl', function($scope, greeting){ 

     var second = this; 
     second.greeting = greeting; 
     }); 

Answer 1

あなたの設定関数が不正確に書き込まれました。

.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {

$ stateProviderは2回使用されます。
// Now set up the states

// For any unmatched url, send to /route1 $urlRouterProvider.otherwise("/first");

$stateProvider .state('first', { url: "/first", templateUrl: "first.html" }) .state('second', { url: "/second", templateUrl: "second.html" }); }])

Answer 2

1）あなたはgem angular-rails-templatesを使用しています。

Angularアプリにテンプレートを注入する必要はありませんか？あなたのファイル構造app/assets/javascripts/、5行目application.jsファイルで
angular.module('myapp', ['ui.router', 'templates'])

---

2）//= require_tree ../templatesに//= require_tree .を変更すると、リンクを修正する場合は、参照してください。

リソース：angular-rails-template: include templates in rails assets pipeline