AngularJS和Rails视图需要页面刷新

Question

我在某些视图中使用了AngularJS的Rails应用程序。每当我点击使我想到一个页面的链接，说/certifications我看到这个

然后，当我重新加载页面或按要求将其输入在地址栏，它的工作原理，并显示此

这两个页面是如何被重新加载，这是搞砸AngularJS有什么区别。我需要用户和角度路由器吗？我已经把视图和控制器的代码放在下面。谢谢您的帮助！

控制器：

@aquaticsApp = angular.module 'aquaticsApp', 
    ['ngResource', 'aquaticsAppFilters'] 


@aquaticsApp.controller 'CertsCtrl', ['$scope', 'Certs', 
    @CertsCtrl = ($scope, Certs) -> 
    $scope.formatDate = (dateString) -> 
     d = new Date(dateString) 

     curr_month = d.getMonth() + 1 
     curr_date = d.getDate() 
     curr_year = d.getFullYear() 

     "#{curr_month}/#{curr_date}/#{curr_year}" 

    $scope.sorter = 
     value: 'firstName' 

    Certs.get (data) -> 
     $scope.certNames = data.certification_names 
     $scope.users = data.users 
] 

查看：

<div ng-app='aquaticsApp' class='table-responsive'> 
    <table ng-controller='CertsCtrl' class='table table-hover table-condensed'> 
    <thead> 
     <tr> 
     <th ng-click='sorter.value="lastName"'>Last Name</th> 
     <th ng-click='sorter.value="firstName"'>First Name</th> 
     <th ng-click='sorter.value="location"'>Location</th> 
     <th ng-repeat='certName in certNames' ng-click='sorter.value=certName.name'> 
      {{certName.name}} 
     </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat='userData in users | orderBy:sorter.value'> 
     <td>{{userData.lastName}}</td> 
     <td>{{userData.firstName}}</td> 
     <td>{{userData.location}}</td> 
     <td ng-repeat='certName in certNames' class='{{userData[certName.name + "class"]}}'> 
      {{formatDate(userData[certName.name])}} 
     </td> 
     </td> 
     </tr> 
    </tbody> 
    </table> 
</div> 

Answer 1

找到答案在这里JQuery gets loaded only on page refresh in Rails 4 application。

Turbolinks停止绑定到文档准备就绪的插件。因为我认为我会继续使用turbolinks，所以我使用上述答案中规定的解决方案，并且工作。