AngularJS：将数据从ng-init传递到<script>

Question

这就是代码的外观：

＆＃xA;＆＃xA;

 ＆lt; div ng-init =“companyData”＆gt;＆＃xA; ＆lt; script type =“text / javascript”＆gt;＆＃xA; window.timeline = new TL.Timeline（'timeline-embed'，sampleJson）;＆＃xA; ＆lt; / script＆gt;＆＃xA;＆lt; / div＆gt;＆＃xA;  

＆＃xA;＆＃xA;

有没有办法传递 companyData 在 ng-init 中 timeline ？我想要这样的东西：

＆＃xA;＆＃xA;

 ＆lt; div ng-init =“companyData”＆gt;＆＃xA; ＆lt; script type =“text / javascript”＆gt;＆＃xA; window.timeline = new TL.Timeline（'timeline-embed'，{{companyData}}）;＆＃xA; ＆LT; /脚本＆GT;＆＃XA;＆LT; / DIV＆GT;＆＃XA;  

＆＃XA;

Answer 1

尝试在控制器逻辑中初始化new TL.Timeline()。我尽量避免使用ng-init，因为它始终以应用程序的＆＃34;视图＆＃34; -side结束。处理控制器中的那种东西会更加整洁。

视图

<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);
});