Question

我正在尝试构建我的第一个Ionic应用程序并使用$ http.get和JSON使用简单的列表填充。我有这个：

.controller('ReportTabCtrl', function($scope) {

$scope.items = [
{ id: 0 },
{ id: 1 },
{ id: 2 },
{ id: 3 },
{ id: 4 },
{ id: 5 },
{ id: 6 },
{ id: 7 },
{ id: 8 },
{ id: 9 },
{ id: 10 },
{ id: 11 },
{ id: 12 },
{ id: 13 },
{ id: 14 },
{ id: 15 },
{ id: 16 },
{ id: 17 },
{ id: 18 },
{ id: 19 },
{ id: 20 },
{ id: 21 },
{ id: 22 },
{ id: 23 },
{ id: 24 },
{ id: 25 },
{ id: 26 },
{ id: 27 },
{ id: 28 },
{ id: 29 },
{ id: 30 },
{ id: 31 },
{ id: 32 },
{ id: 33 },
{ id: 34 },
{ id: 35 },
{ id: 36 },
{ id: 37 },
{ id: 38 },
{ id: 39 },
{ id: 40 },
{ id: 41 },
{ id: 42 },
{ id: 43 },
{ id: 44 },
{ id: 45 },
{ id: 46 },
{ id: 47 },
{ id: 48 },
{ id: 49 },
{ id: 50 }
];
});

这很有效。列表按其应填充。我想要的是将$ scope.items的内容移动到外部文件（以便能够动态生成它）并使用$ http.get调用它。

我试过这个没有取得任何成功：

.controller('ReportTabCtrl', function($scope, $http) {
$http.get('items.json')
    .success(function(data) {
        $scope.items = data;
    })
});

items.json文件的内容与$ scope.items变量相同。

我做错了什么？

/卡尔

Answer 1

您需要在$("form#signup").validate({ rules: { password: { required: true, minlength: 5 }, passwordConfirm: { equalTo: "password" // 'name' of other field } }的每个元素中将"双qoutes置于id属性之外，以使其有效json

<强> items.json

items.json

Demo Plunkr

Answer 2

我还会阅读上一个帖子AngularJS: factory $http.get JSON file。有几件事可能会对你不利。

无法获得$ http.get在Ionic应用

2 个答案: