以Angular js的形式逐個顯示數組元素

Question

我正在使用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> 

但是我不能顯示由一個陣列元件之一。

請指點

Answer 1

我不知道，但如果這種方法

$scope.resultSet = teamlist().get();是異步，然後返回答應你應該使用

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 
      }); 
     } 
    }); 
}