将 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>