arrays - 「未定義」を返す配列の長さ

Question

AngularJS を使用してアプリケーションを構築しています。アプリケーションで Web サービスを処理するために Slim を使用しています。

次のようなサービスがあります。

angular.module('MyApp').
factory('MainPage', function($resource,BASE_URL){
    return $resource("my api call", {}, {query: {method:'GET'}, isArray:true});
}).

Slim から次のような json レスポンスを返しています。

$resposedat = array("value1"=>"val1","value2"=>"val2"); 
echo json_encode($resposedat);

私のコントローラーでは、次のように書いています。

var app = angular.module('MyApp')

app.controller('MainCtrl',function($scope,MainPage,$rootScope){
    $scope.mainpage = MainPage.query();
    
    console.info($scope.mainpage);
    console.info($scope.mainpage.length);//undefined
});

私のコンソールは次のようになりますconsole.info($scope.mainpage)

リソース {$get: 関数、$save: 関数、$query: 関数、$remove: 関数、$delete: 関数…}

値1: "val1"

値2: "val2"

そして、私のコンソールが戻っundefinedてきましたconsole.info($scope.mainpage.length)

私はここで何を間違っていますか？