将AngularJS变量绑定到内联脚本标记中

Posted 2021-04-05

我需要将我的作用域中的一些项添加到我需要在我的网站上运行的一些内联脚本中。

从我在演示中尝试的内容来看，在内联脚本标记中使用我的作用域中的值是不可能的。实现这一目标的最佳方法是什么？

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

答案

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