http服務的角度問題

Question

我有以下controller.js

var eclassApp = angular.module('eclassApp', []);

eclassApp.controller('StudentsListCtrl', ['$scope','$http', 
    function($scope, $http){

        $http.get('/static/js/students.json').success(function(data){
            $scope.students = data;
        });

        $scope.orderProp = 'last_name';

}]);

我的html如下

<!DOCTYPE html>
<html lang="en" ng-app="eclassApp">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <!-- Latest compiled and minified JavaScript -->    
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js"></script>
        <script src="../static/js/controller.js" type="application/javascript"></script>

    </head>
    <body ng-controller="StudentsListCtrl">
        <h3>Class B3</h3>
        <div class="row">
            <div class="col-xs-3">
                Search: <input type="text" ng-model="query">
            </div>
            <div class="col-xs-5">
                <select ng-model="orderProp">
                    <option value="last_name">Alphabetical</option>
                    <option value="age">Youngest</option>
                    <option value="-age">Oldes</option>
                </select>
            </div>
        </div>
        <div class="row">
            <ul>
                <li ng-repeat="student in students | filter:query | orderBy:orderProp">
                    <p>{{student.name}}</p>
                    <p>{{student.last_name}}</p>
                </li>
            </ul>

        </div>


    </body>
</html>

我的json文件被正常訪問（來自chrome的開發人員的控制台），但我仍然得到以下錯誤。

SyntaxError: Unexpected token ]
at Object.parse (native)
at pc (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:14:208)
at Zb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:76:379)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:77:237
at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:7:302)
at Zc (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:77:219)
at c (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:78:349)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:112:20
at l.$get.l.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:125:305)
at l.$get.l.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js:122:398)

我錯過了一個我看不到的tokken嗎？

編輯：對不起..作為一個python開發人員，我用於在數組中的最后一個元素之后放置逗號，json數組不能正常工作:)。 我忘記了json文件上的逗號。 刪除它並且工作得很好

Answer 1

嘗試這個 -

eclassApp.controller('StudentsListCtrl', function($scope, $http){

        $http.get('static/js/students.json').success(function(data){
            $scope.students = data;
        });

        $scope.orderProp = 'last_name';

});

http服務的角度問題

問題描述

1 個解決方案

解決方案1
0 2015-02-20 10:35:31

http服務的角度問題

問題描述

1 個解決方案

解決方案1 0 2015-02-20 10:35:31

解決方案1
0 2015-02-20 10:35:31