TypeError：$ http.movi​​e不是函数

Question

我试图使用Angular和Rails将电影标题保存到我的数据库，但是我收到一些错误，并且我想我知道问题是什么，但是我不知道如何解决它。

设置，

这是我的搜索模板。当用户点击addMovie div时，addMovieCtrl激发并尝试保存输入。

%div{"ng-controller" => "searchCtrl", :id => "container_search"} 
    #addMovie{"ng-controller" => "addMovieCtrl"} 
    %div{"ng-click" => "addMovie()"} 
     %input{:type => "text", "ng-model" => "title"} 
     addMovie action. 

这是movieController.js，

angular.module('addMovieseat', ['ui.router', 'templates']) 

    .controller('addMovieCtrl', ['$scope', 'movies', 
    function($scope, movies){ 
     $scope.movies = movies.movies; 

     $scope.addMovie = function(){ 

     console.log ("Hello") 

     if(!$scope.title || $scope.title === '') { return; } 
     movies.create({ 
      titles: $scope.title, 
     }); 
     $scope.title = 'Star wars'; 
     }; 
    } 
    ]) 

这是movieService.js

angular.module('addMovieseat') 

    .factory('movies', ['$http', function($http){ 
    var o = { 
     movies: [] 
    }; 

    o.create = function(movie){ 
     return $http.movie('/movies.json', movie).success(function(data){ 
     o.movies.push(data); 
     }); 
    }; 

    return o; 

    }]) 

Rails中的movie.rb模型

class Movie < ActiveRecord::Base 

    def as_json(options = {}) 
    end 

end 

我app.js.coffee，

@myApp  = angular.module('myApp',[]); 
@flapperNews = angular.module('flapperNews',[]); 
@app   = angular.module('movieseat', ['addMovieseat','myApp', 'flapperNews', 'ui.router', 'Devise']); 

# for compatibility with Rails CSRF protection 

@app.config([ 
    '$httpProvider', ($httpProvider)-> 
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content') 
]) 

@app.run(-> 
    console.log 'angular app running' 
) 

当我点击addMovie DIV我得到这个错误，

TypeError: $http.movie is not a function at Object.o.create

我folled上thinkster.io的角/ Rails的教程和东西我注意到的是，当我去localhost:3000/posts.json我得到一个页面，包含我创建的所有帖子（在教程期间）。但当我去localhost:3000/movies.json我得到No route matches [GET] "/movies.json"

Answer 1

当然它不是。

更换

$http.movie('/movies.json', movie) 

有了：

$http.post('/movies.json', movie) 

---

旁注，HAML让你写漂亮的HTML道具，如：

%div(ng-click="addMovie()")