2014-01-06 36 views
0

我正在使用Angular js和Taffy Db构建应用程序。以Angular js的形式逐个显示数组元素

我从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

对象在您的标记,以查找sharelist'说'。然而,脚本中的名称是'sharelists' – Sprottenwels

回答

0

我不知道,但如果这种方法

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