2016-07-11 6 views
-1

私は、スクロールを作成するためにページを反復するコントローラを持っています。

私は私の見解では、結果に返されたJSONオブジェクトをプッシュする
var i=1; 
    $scope.result=[]; 
    $scope.loadMore = function(){ 
    $http.get("http://test.website.com/api/search/"+i).success(function(response){ 
    i++; 
    $scope.result.push(response); 
    console.log(response); 
    $timeout(function() { 
     $scope.result = response; 
    }); 

    $scope.$broadcast('scroll.infiniteScrollComplete'); 
    }); 
    } 

<div class="item item-text-wrap" ng-click="post($event,res)" ng-repeat="res in result" ng-model="text" ng-controller="recommendedJobsCtrl" > 

私も一番下に、私の見解に次を追加しました:

<ion-infinite-scroll ng-if="!noMoreItemsAvailable" on-infinite="loadMore()" distance="10%"></ion-infinite-scroll> 

データconsole.logに正しい情報が表示されますが、結果にプッシュされているとは思われません。誰か助言してもらえますか?

私はconsole.log出力この

[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object] 

とECHオブジェクトが含まれています

"id":1396702, 
     "employer_id":74801, 
     "external_id":null, 
     "view":449, 
     "apply":22, 
     "status":1, 
     "rank":1, 
     "type":"C", 
     "notification_type":4, 
     "package":2, 
     "locality":"MY", 
     "locality_city":"Kuala Lumpur", 
     "category":"adm", 
     "subcategory":null, 
     "level":0, 
     "experience":0, 
     "country":"MY", 
     "zip":null, 
     "area":"Kuala Lumpur", 
     "state":null, 
     "city":null, 
     "salary_min":1000, 
     "salary_max":1100, 
     "salary_period":2, 
     "salary_currency":"MYR", 
     "logo_url":"\/\/s3.amazonaws.com\/JHP-S3\/uploads\/image\/90821\/1owQih5MsM\/plogo", 
     "banner_url":"", 
     "company_url":null, 
     "company_email":"[email protected]", 
     "company":"1Millennium International Sdn Bhd", 
     "industry":0, 
     "title":"Telephone Operator - Kuala Lumpur", 
     "summary":null, 
     "description":" 
Attend to customers' incoming calls and provide solutions in a timely manner.<\/li>\n 
SPM Cerificate<\/li>\n 
Good spoken English<\/li>\n 
5 days work - Monday to Friday<\/li>\n 
Working hours - 8:45am to 5:45pm<\/li>\n 
People oriented and able to work well in team<\/li>\n 
Basic salary 1000 + attendance allowance<\/li>\n 
Working Location - around Kuala Lumpur (LRT or monorail accessible)<\/li>\n 
Calling all school leavers keen in part-time work<\/li>\n<\/ul>", 
     "published_at":"2016-07-11 01:41:52", 
     "refreshed_at":"2016-07-11 01:41:52", 
     "created_at":"2016-04-04 06:55:17", 
     "updated_at":"2016-07-11 01:49:28" 
    }, 
+0

を使用することができますあなたの部署で?私はこれが問題になると思うのは、基本的に '$ scope.text'のためにdivに時計を置くからです。 – thepio

+0

私はそれを削除しますが、私はまだ同じ問題を持って、それを書いてミスを犯している必要があり、[OK]を –

+0

をもたらすために押していないが、我々は何が起こっているかの全体像を理解し、どのようなことができるように、あなたのhtmlコードのいくつかのより多くを共有することができます起こるはずですか? – thepio

答えて

1

は、この応答は、任意のオブジェクトが含まれていないことを確認してください。それはデータオブジェクトに含まれている場合、あなたは、あなたが `` NG-モデル= "テキスト" を持っていない理由ちなみにdata.response

HTML

<ion-content> 
<ion-list> 
    <ion-item ng-repeat="item in items"> 
    {{item.title}} 
    </ion-item> 
</ion-list> 

    <ion-infinite-scroll 
    on-infinite="loadMore()" 
    distance="1%"> 
    </ion-infinite-scroll> 
</ion-content> 

CONTROLLER

.controller('yourCtrl', function ($http, $scope) { 
    var i=1; 
    $scope.result=[]; 
    $scope.loadMore = function() { 
      $http.get("http://test.website.com/api/search/"+i).then(function (data) { 
       $scope.result = data; 
       $scope.$broadcast('scroll.infiniteScrollComplete'); 

      }); 
     } 


     $scope.categories = []; 
     $http.get("http://test.website.com/api/search/"+i).then(function (returnData) { 
      $scope.result = returnData; 
     }, function (err) { 
      console.log(err); 
     }) 



    }) 
+0

私は試しましたが、$ digestエラーが発生しましたので、$ applyをtimeoutに置き換えました。しかしそれはまだ同じ問題です。データが私の結果にロードされません –

+0

あなたの応答データのコンソールを表示しますか –

+0

イオンでこれを使用しましたか? –

関連する問題