角度與Rails - 提交不與角度控制器一起工作

Question

我正在研究Rails角色＃405，並且我正在嘗試學習如何將Rails與Angular集成 - 我是一名新手。

在assets/javascripts/raffle.js.coffee，我有：

app = angular.module 'Raffle', [] 

app.controller "RaffelCtrl", @RaffelCtrl = ($scope) -> 
    $scope.entries = [ 
    {name: "Larry"} 
    {name: "Curly"} 
    {name: "Moe"} 
    ] 

    $scope.addEntry = -> 
    $scope.entries.push($scope.newEntry) 
    $scope.newEntry = {} 

在我show模板（haml），我有...

%div{ 'ng-app' => 'Raffle'} 
    %div{ 'ng-controller' => 'RaffelCtrl'} 
    %form{"ng-submit" => "addEntry"} 
     %input{"ng-model" => "newEntry.name", :type => "text"}/ 
     %input{:type => "submit", :value => "Add"}/ 
    %br 
    %ul 
     %li{"ng-repeat" => "entry in entries"} 
     {{entry.name}} 

當我輸入按鈕來添加其他entry，沒什麼發生。我絕對有鐵軌之間的聯繫，查看Angular控制器，B/C可以顯示條目列表。我只是不能提交一個新的。任何幫助將非常讚賞這一點。我的寶石文件有angularjs-rails，我正在使用Twitter引導程序。用我的application.js，我刪除了turbolinks。謝謝！

Answer 1

您需要在ng-submit中調用addEntry函數，如下所示：addEntry()，那麼它應該工作。