在 ng-view 中使用 ng-repeat

Question

我正在尝试在 ng-view 中使用 ng-repeat，但它没有提取数据。我在论坛上读到我可以使用工厂，但我不认为使用服务是可以接受的，因为我的 $scope 的数据使用 $routeParams 来查询它的数据。

var myApp = angular.module('myApp', ['ngRoute']);

myApp.config(['$routeProvider',
function($routeProvider) {
    $routeProvider.
        when('/:name', {
            templateUrl: 'welcome.html',
            controller: 'myController'
        }).
        otherwise ({
        redirectTo: '/'
    });
}]);


myApp.controller('myController', ['$scope', '$routeParams', '$q', function($scope, $routeParams, $q) {
    var pls = users($q, $routeParams.name);
    $scope.sBP = pls;
}]);

function users($q, name) {
var playersDFD = $q.defer();
var players = new Array();
var GameScore = Parse.Object.extend("GameScore");
var query = new Parse.Query(GameScore);
query.equalTo("playerName", name);
query.find({
    success: function (results) {
        for (var i in results) {
            sPlayer = new player(results[i].get("playerName"), results[i].get("score"), results[i].get("cheatMode"));
            players.push(sPlayer);
        }
        playersDFD.resolve(players);
    },
    error: function (error) {
        alert('error');
        playersDFD.reject(data);
    }
});

return playersDFD.promise
    .then(function (results) {
        return results;
    })
    .catch(function (error) {
        alert(error.message);
    });
};

function player(name, score, cheatm){
    this.name = name;
    this.score = score;
    this.cheatm = cheatm; 
};

和视图：

<p ng-repeat="s in sBP">
    {{ s.name }}
</p>

Answer 1

让你的 users 函数 return 承诺而不是试图解决它，这最终会得到更容易理解的代码，并将给 [=13= 的消费者] 功能控制收到响应后要做什么。例如。

function users($q, name) {
    var playersDFD = $q.defer();
    var players = new Array();
    var GameScore = Parse.Object.extend("GameScore");
    var query = new Parse.Query(GameScore);
    query.equalTo("playerName", name);
    query.find({
        success: function (results) {
            for (var i in results) {
                sPlayer = new player(results[i].get("playerName"), results[i].get("score"), results[i].get("cheatMode"));
                players.push(sPlayer);
            }
            playersDFD.resolve(players);
        },
        error: function (error) {
            alert('error');
            playersDFD.reject(data);
        }
    });

    return playersDFD.promise;
}

然后使用 users 函数并处理 then 本身。

users($q, $routeParams.name).then(function (response) {
    $scope.sBP = response;
}, function (error) {
    // handle error.
});

此外，我建议将 users 分解成它自己的 service 以注入 $q 而不是传入它。

希望对您有所帮助。

在 ng-view 中使用 ng-repeat

Using ng-repeat inside ng-view

javascript

angularjs

angular-routing

ng-repeat

ng-view