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