angularjs $ http.get json文件不起作用

Question

我是新手，我只是遇到一個問題。

我想使用ng-repeat指令以.json文件中的內容填充頁面。

data.json

{
"projects":[
    {
        "projectName":"Project.1",
        "projectStyle":"big",
        "thumb":"",
    },{
        "projectName":"Project.2",
        "projectStyle":"big",
        "thumb":"",
    },{
        "projectName":"Project.3",
        "projectStyle":"big",
        "thumb":"",
    }
  ]
}

• 投資組合應用模塊的配置正確，實際上是由angular-yeoman生成器自動生成的，因此請注意，我使用的是nodeJS（Yeoman | Bower | Grunt）。

Portfolio.js

'use strict';

angular.module('portfolioApp')
.controller('PortfolioCtrl', function ($scope, $http) {

    $scope.portfolio = [];

    $http.get('data.json')
    .success(function(data){
        $scope.portfolio = data ;
    });
});

• 如果我手動填充$ scope.portfolio數組，並注釋掉$ http.get，它的工作正常，問題是我無法使用$ http.get獲取數據

HTML

....

<div ng-controller='PortfolioCtrl'>
    <div ng-repeat='project in portfolio.projects'>
        {{project.projectName}}
    </div>
</div>

....

怎么了，我在哪里弄錯了？

Answer 1

data.json-更正

每個數組中最后一個元素后沒有逗號。

{
"projects":[
    {
        "projectName":"Project.1",
        "projectStyle":"big",
        "thumb":""
    },{
        "projectName":"Project.2",
        "projectStyle":"big",
        "thumb":""
    },{
        "projectName":"Project.3",
        "projectStyle":"big",
        "thumb":""
    }
  ]
}