我正在使用AngularJS来检索一些JSON数据。检索数据后,可以从index.html
标记内的<script>
页面访问该数据。目前,我能够将$scope.article_names
变量打印到HTML页面的主体上,但是我无法理解为什么我无法在Javascript标记中检索相同的Angular $scope
变量。
这是Angular代码:
app.controller('dataCtrl', function($scope, $http) {
$http.get("http://127.0.0.1:8000/article_names")
.then(function(response) {
$scope.article_names = response.data;
});
console.log('test')
});
HTML是:
<body ng-app="myApp" ng-controller="dataCtrl">
<div >
<h1>This is a test</h1>
{{ collection_find }}
{{ article_names }}
<!--The below prints the result output gathered from angular -->
{$ article_names $}
<div id="chart"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
<script src="{% static 'javascript/angular.js' %}"></script>
<script>
var article_names = $scope.article_names;
// this does not print anything to the console
console.log(article_names);
</script>
如何将$scope.article_names
变量访问到本地<script
标记中?我无法理解的事实是$scope.article_names
可以在HTML的主体中访问,但在<script
标记内不起作用