将外部Angular JS $ scope.variable添加到HTML脚本标记变量

时间:2017-08-25 11:03:10

标签: javascript html angularjs

我正在使用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标记内不起作用

0 个答案:

没有答案