在代码笔中为AngularJS创建本地json

下面的教程指向一个外部json文件。但它被CORS政策所阻止。如何在本地声明对象以填充web表？ 代码笔： 多谢各位

var app = angular.module('myApp', []);
    app.controller('myController',
        function ($scope, $http) {

            var request = {
                method: 'get',
                url: 'https://www.encodedna.com/angularjs/tutorial/birds.json',
                dataType: 'json',
                contentType: "application/json"
            };

            $scope.arrBirds = new Array;

            $http(request)
                .success(function (jsonData) {
                    $scope.arrBirds = jsonData;
                    $scope.list = $scope.arrBirds;
                })
                .error(function () {

                });
        });

---

只需使用json数据声明所需的变量：

$scope.list = [
{
   "ID": "001",
   "Name": "Eurasian Collared-Dove",
   "Type": "Dove"
},
{
    "ID": "002",
    "Name": "Bald Eagle",
    "Type": "Hawk"
},
{
    "ID": "003",
    "Name": "Cooper's Hawk",
    "Type": "Hawk"
},
{
    "ID": "004",
    "Name": "Bell's Sparrow",
    "Type": "Sparrow"
},
{
    "ID": "005",
    "Name": "Mourning Dove",
    "Type": "Dove"
},
{
    "ID": "006",
    "Name": "Rock Pigeon",
    "Type": "Dove"
},
{
    "ID": "007",
    "Name": "Abert's Towhee",
    "Type": "Sparrow"
},
{
    "ID": "008",
    "Name": "Brewer's Sparrow",
    "Type": "Sparrow"
},
{
    "ID": "009",
    "Name": "Canyon Towhee",
    "Type": "Sparrow"
},
{
    "ID": "010",
    "Name": "Black Vulture",
    "Type": "Hawk"
}];

---

感谢您的反馈Bill P。数据仍然没有反映在视图中。我还错过了别的东西？应该对你有用。检查这里：谢谢Bill P。它很有效。我必须去掉教程中的其他js。dataType和contentType属性不被$http服务使用。成功的方法是。