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

Question

代码如下:

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

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

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

Answer 1

尝试在 Controller 逻辑中初始化new TL.Timeline()。我尽量避免使用 ng-init ，因为它总是在应用程序的“ View ”端产生大量逻辑。在你的 Controller 中处理这类事情会更加整洁。

查看

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

AngularJS 应用程序

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

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