AngularJS: Pass data from from ng-init to <script>

Question

This is how code looks:

<div ng-init="companyData">
  <script type="text/javascript">
    window.timeline = new TL.Timeline('timeline-embed', sampleJson);
  </script>
</div>

Is there a way to pass companyData in ng-init to the timeline ? I want something like this:

<div ng-init="companyData">
  <script type="text/javascript">
    window.timeline = new TL.Timeline('timeline-embed', {{companyData}});
  </script>
</div>

Answer 1

Try to init new TL.Timeline() inside your controller logic. I try to avoid using ng-init because it always ends in to much logic on the "view"-side of your application. Handle that kind of stuff in your controller would be much more tidy.

view

<div ng-controller="MyCtrl"></div>

AngularJS App

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', function ($scope) {
    $scope.companyData = 'someData';
    window.timeline = new TL.Timeline('timeline-embed', $scope.companyData);
});