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

嘗試在控制器邏輯中初始化new TL.Timeline() 。 我盡量避免使用ng-init因為它始終以應用程序“視圖”旁邊的邏輯結尾。 處理控制器中的那種東西會更加整潔。

視圖

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