將AngularJS變量綁定到內聯腳本標記

Question

我需要將我的範圍中的某些項添加到某些內聯腳本中，這些腳本我需要在我的網站上運行。

從我在我的演示中嘗試過的內容看，使用內聯腳本標記中範圍內的值看起來不太可能。達到此目的的最佳方法是什麼？

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js"></script> 
 
<div ng-app="app"> 
 
     <div ng-controller="MainCtrl"> 
 
     '{{aaa}}' 
 
     <script>console.log('{{aaa}}');</script> 
 
    </div> 
 
</div> 
 
<script> 
 
'use strict'; 
 
var app = angular.module('app', []); 
 
app.controller('MainCtrl', ['$scope', function ($scope) { 
 
    $scope.aaa = 'bbb'; 
 
}]); 
 
</script>

控制檯返回'{{aaa}}'。我希望它返回bbb。

Answer 1

<div id="idd" ng-controller="MainCtrl"> 
     '{{aaa}}' 
     <button ng-click="$log.log(aaa)">log</button> 


    </div> 
</div> 
<script> 
    'use strict'; 
    var app = angular.module('app', []); 
    app.controller('MainCtrl', ['$scope','$log', 
     function($scope, $log) { 
      $scope.aaa = 'bbb'; 
      $scope.$log = $log; 
      //console.log($scope.aaa); 
      //console.log($scope.$parent); 
     } 
    ]); 
</script>