AngularJS with turbolinks


I’m trying to implement a part of my Rails app with AngularJS 1.2.10.
working with Rails 4 which comes with turbolinks by default. The problem
that when turbolinks fetch the page containing my Angular App, I’ve got
error saying that I have no angular module :

Failed to instantiate module usersApp due to:

On Google, multiple persons give a solution which seems to work with
AngularJS 1.0.8 :

$(document).on ‘ready page:load’, →
angular.bootstrap($(‘#ngusers’)[0], [‘usersApp’])

It assumes that you removed the ng-app attribute on your DOM tag on
angular bootstraps.

But, with AngularJS 1.2.10, I sometimes have this error message : Error:
[ng:btstrpd] which means that the Angular for my App is already
bootstrapped (AngularJS).

I tried to disable turbolinks on the

  • tag which includes the link
    giving access to the angular App with ‘data-no-turbolink’ but if I empty
    Browser cache, I’ve got a white page, with no error…

    I don’t see any other idea, except remove turbolinks from my Gemfile,
    but I
    don’t like this solution.

    Could you please help me ?
    Thank you by advance

  • Hi again :slight_smile:

    I found the reason of this error. In my view I was using a ‘content_for
    :additionnaljs’ instruction in order to place at the bottom of the body
    specific javascript files (angular.min.js, and my usersApp.js). But each
    time I clicked on the link giving access to this view, these files was
    added again at the bottom of my body.

    I moved the according yield section of my layout in the tag and
    worked fine because turbolinks exclude this tag from its parsing.

    PS : sorry for my poor english level :wink:

    Le dimanche 2 février 2014 19:03:45 UTC+1, Cyril Rouyer a écrit :