在Angular js中以一种形式逐个显示数组元素

时间:2014-01-06 07:34:21

标签: angularjs

我正在使用Angular js和Taffy Db构建应用程序。

我有一个来自Taffy DB的结果集,这是一个数组。

我想在HTML页面中逐个显示元素。

的javascript:

$scope.viewList = function () {
    $scope.sharelists = [];
    $scope.resultSet = teamlist().get();
    var teamdata = $scope.resultSet;
    var length = teamdata.length;
    angular.forEach(teamdata, function (teamdata, i) {
        if (i < length) {
            console.log(i);
            $scope.teamlistresult = teamdata.text;
            $scope.sharelists.push({
                text: $scope.teamlistresult
            });
        }
    });
};
});

HTML:

<label for="sharedby">Shared by</label>
<input class="btn-primary" type="submit" value="View" ng-click="viewList()" />
         <ul class="unstyled">
      <li ng-repeat="share in sharelist">
        <input type="checkbox" ng-model="share.done">
        <span>{{share.text}}</span>         
      </li>
    </ul>

但我无法逐个显示数组元素。

请咨询

1 个答案:

答案 0 :(得分:0)

我不确定但是这个方法

$scope.resultSet = teamlist().get();是异步并返回promise然后你应该使用

teamlist().get().then(function(data) {
    var teamdata = data;
    var length = teamdata.length;
    angular.forEach(teamdata, function (teamdata, i) {
        if (i < length) {
            console.log(i);
            $scope.teamlistresult = teamdata.text;
            $scope.sharelists.push({
                text: $scope.teamlistresult
            });
        }
    });
}