如何管理从JSON文件返回的对象列表?

时间:2016-02-04 18:52:17

标签: angularjs json ionic-framework

我有JSON个文件中的项目并将其发送到我的$scope

//JS controller

.controller('MyController', function($scope, $log) {
    $http.get('JSON_FILE_URL').success(function(response){
        $scope.responseData = response;
        $scope.items = rundom(response);
    });

    $scope.refresh = function(data) {
        $log.log('refresh data :'+data);
        $scope.items = rundom(data);    
    };
}

// view.html

<ion-view view-title="myTitle" ng-controller="MyController">
    <button ng-click="refresh({{responseData}})">refresh</button>
    <ion-content overflow-scroll="true" padding="true" ng-cloak class="fullPage">
        <div class="item item-text-wrap" ng-repeat="item in items">
            <h1>{{ item['title'] }}</h1>
        </div>
        //some code here
    </ion-content>
</ion-view>

我在html上有检查元素,这些项目在我的函数中。

<button ng-click="refresh({"id": 0, "title": "title 0"},{"id": 1, "title": "title 1"})">refresh</button>

当我点击按钮刷新时,然后发生了事情 我在日志上未定义:refresh data :undefined

这是一个我没有考虑的类型问题吗?

2 个答案:

答案 0 :(得分:0)

您不需要在ng-click中使用尖括号。

ng-click="refresh()"

它可以在函数内部访问$ scope,因此不需要传递它

答案 1 :(得分:0)

Olivier的回答是正确的:ng-click="refresh(responseData)"