1

给定这个模块和控制器

angular.module('contactServices', ['ngResource']).
factory('ApiKey', function ($resource) {
    return $resource('/V1/apikeys', {}, {
        query: {method: 'GET', params: {}, isArray: false}
    });
});

function ContactCtrl($scope, ApiKey) {
    $scope.keys = ApiKey.query();
}

返回此数据

{ myObject: [{ id: "1", value: "Value1" }, { id: "2", value: "Value2" },    { id: "3", value: "Value3" }] }

到这个 html 元素

<select style="width:350px;" tabindex="2">
    <option ng-repeat="k in keys" value="{{k.id}}" >{{k.value}}</option>
</select>

当页面加载资源时抓取数据，但它返回一个promise，我从概念上理解，并且可以看到它已经返回数据（在页面加载之后），但从未加载select。有一次，我使用了 $http 服务并且可以正常工作，但那是前一段时间了，如果可能的话，我真的很喜欢使用资源抽象。

谢谢你，斯蒂芬

更新

根据这里的评论是更新的工作示例。实际的解决方法是获取 json 对象并查找 apiKeys 对象。

<select ng-model="keys" ng-options="k.value for k in keys"></select>


function ContactCtrl($scope, ApiKey) {
    ApiKey.query({}, function (data) {
        $scope.keys = data.apiKeys; <<<<<<<<<<========= the fix
    });
}
4

1 回答 1

1

当您调用服务层时，您可能应该尝试将代码更改为类似的内容。

    function ContactCtrl($scope, ApiKey) {
        ApiKey.query({}, function(data){
        $scope.keys = data;
      });
    }

巴斯卡拉

于 2013-05-31T16:21:04.883 回答