Warum wird meine HTML Seite nicht in <ui-view> gerendert?

Question

Ich versuche angularjs mit Schienen zu verkabeln. Ich habe einige Probleme mit meinen Ansichten. Sie sind nicht in

Meine Ansicht rendern bekommen wird immer geholt, aber mit einem Fehler [HTTP/1.1 404 Not Found]

Ich erhalte diese Reaktion von first.html https://github.com/sourabh-garg/vegeta/blob/master/response%20error.html

In app/Assets/templates/first.html, die ich versuche zu laden.

app/views/application/index.html.erb hat meine Indexdatei

Strecke root 'Anwendung # index'

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

Ihre Config Funktion wird ungenau geschrieben, versuchen Sie

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

Der $ stateProvider wird zweimal verwendet.
// 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) Sie verwenden gem angular-rails-templates.

Muss das Template-Modul nicht in Ihre Angular-App injiziert werden?
angular.module('myapp', ['ui.router', 'templates'])

---

2) In Ihrer Dateistruktur app/assets/javascripts/, die application.js Datei in Zeile 5, ob //= require_tree .-//= require_tree ../templates Änderung der Link korrigiert.

Ressource:angular-rails-template: include templates in rails assets pipeline