Я пытаюсь интегрировать AngularJS в мое приложение Ruby On Rails, однако, когда я это делаю, AngularJS не распознается.
Вот мои файлы Javascript.
/assets/javascripts/application.js
//= require angular
//= require_tree ./angular
/assets/javascripts/angular/pallets.js
var app = angular.module('setPoints', []);
app.controller('pointCtrl', function($scope) {
$scope.initials = function() {
return $scope.origin.charAt(0) + $scope.end_point.charAt(0)
}
});
У меня также есть angular.js и angular-mocks.js, загруженные с https://code.angularjs.org/
И здесь я пытаюсь назвать это в приложении.
просмотров/паллеты/_form.html.erb
<div ng-app="setPoints" ng-controller="pointCtrl">
<td>{{initials()}}<%= id %></td>
<td><%= select(:pallet, :starting_point, select_options, :ng => {:model => "origin"}) %></td>
<td><%= select(:pallet, :destination, select_options, :ng => {:model => "end_point"}) %></td>
</div>
Вывод страницы - это просто {{initials()}} 1 вместо того, что должно быть.
Когда я проверяю источник страницы, сценарии выглядят так.
<script src="/angular.self-649179d58f3f4fbcbbe6a2ce7aad77642c6ff28734d531a57e415bea7d8214f6.js" data-turbolinks-track="true"></script>
<script src="/pallets.self-c14bf66f153614a582c54afa623e187c7b123469c25df99f576e9d130d7b403d.js" data-turbolinks-track="true"></script>
<script src="/application.self-624ae67626e4a5ceec5f86543694500e04c25f404d2959217eab0ada97ee3895.js" data-turbolinks-track="true"></script>
Файлы JS должны быть в каталоге app/assets/javascripts/
. Вы держите его в неправильном месте.