如何在angularjs中绑定和显示数组的数组

米兰达

我试图绑定并显示数组的值。当我使用范围变量分配值时,如下所示:

$scope.StockList = obj.data

它工作正常,但是当我像这样在数组中推送值时

$scope.StockList.push(obj.data);

它没有按预期工作

在这里,我陷入了ng-repeat和scope变量的困境。有人可以帮助我吗?这是我的努力。

$scope.StockList = [];
$scope.IsVisible = false;
var Stocks = [];

function GetStockEntries(loid, pid) {
  var data = { LocationId: loid, ProductId: pid }
  return $http.post(serviceURL + "/GetLocationStockEntries", data).then(
    function success(data, status, headers, config) {
      var obj = JSON.parse(data.data.d)

      //working fine in case single array
      //$scope.StockList = obj.data
      $scope.StockList.push(obj.data);    
    },
    function error(data, status, headers, config) {
      return data
    }
  )
}

$scope.StockListing = function (item) {
  debugger
  $scope.IsVisible = !$scope.IsVisible
  console.log($scope.StockList)
}

重复代码

<table cellpadding="5" cellspacing="0" class="stocktransferdiv">
  <tr>
    <td colspan="4">
      <table cellpadding="5" cellspacing="0" data-ng-repeat="stockItem in StockList" data-ng-show = "IsVisible" data-ng-cloak width="100%">                                            
        <tr style="border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px; float: left;">
          <td>
            <input type="radio" name="groupName" data-ng-value="true" data-ng-model="stockItem.selected" data-ng-change="onTaskSelect(stockItem)" />
          </td>
          <td>
            <input type="text" data-ng-model="stockItem.UserInventoryItemID"disabled="" readonly="" style="border: none; background-color: white;">
          </td>
          <td>
            <input type="text" data-ng-model="stockItem.LotNumber" disabled="" readonly="">
          </td>
          <td>
            <!--<input type="text" data-ng-model="stockItem.QuantityOnHand" disabled="" readonly="">-->
            <span>{{stockItem.QuantityOnHand}}</span>
            <span>{{stockItem.UnitName}}</span>
          </td>
          <td>
            <input type="text" data-ng-model="stockItem.EnteredQuantity" >
          </td>
          <td>
            <input type="text" data-ng-model="stockItem.Description" disabled="" readonly="">
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

这是该json的结果

在此处输入图片说明

萨耶塔兰(Sajeetharan)

您的服务返回一个对象数组,您需要遍历它们并将其添加到该数组中,

var obj = data.data.d; 
$scope.result = obj ;
$scope.result.forEach(function(key) { 
$scope.StockList.push(key); 
}) 

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在React中显示数组的数组?

来自分类Dev

如何在AngularJS中迭代对象数组和打印键

来自分类Dev

AngularJS-如何在ng-repeat中单击父数组时显示嵌套数组

来自分类Dev

在angularjs中显示数组

来自分类Dev

如何在AngularJS中的数组内的数组中添加值

来自分类Dev

如何在angularjs中访问对象数组

来自分类Dev

如何在angularjs中查找数组大小

来自分类Dev

如何在angularjs中访问对象数组

来自分类Dev

如何在树枝中显示数组的内容

来自分类Dev

如何在字典中显示数组-Swift

来自分类Dev

如何在php中显示数组值?

来自分类Dev

如何在Java中显示正确的数组

来自分类Dev

如何在C中显示数组的值?

来自分类Dev

如何在 erb 模板中显示数组?

来自分类Dev

如何在 DataGridView 中显示数组列

来自分类Dev

如何在较大的数组中显示每个数组的值?

来自分类Dev

如何在AngularJS中显示数组表单字段的验证错误?

来自分类Dev

数组内的AngularJs数组显示在textarea中

来自分类Dev

如何在数组sapui 5中绑定json对象?

来自分类Dev

如何在Spring中绑定属性的字符串数组?

来自分类Dev

如何在Angular 11中绑定到数组

来自分类Dev

如何在 Viewbag 中绑定列表值(数组)

来自分类Dev

如何在数组中绑定相同的键值?

来自分类Dev

数组中的AngularJS显示列表

来自分类Dev

如何在NSUserdefaults中快速保存和读取数组的数组?

来自分类Dev

如何在Excel中混合动态数组和常量数组

来自分类Dev

如何在数组中添加和更新数组

来自分类Dev

如何在JavaScript中的子数组数组和子数组数组之间进行过滤?

来自分类Dev

如何在二维数组中显示行号和列号?

Related 相关文章

热门标签

归档