ng-repeat显示的行等于属性的数量,甚至不在HTML视图上显示数据

ng- repeat is displaying rows equal to no of properties and not even displaying data on html view

本文关键字:显示 视图 数据 HTML 于属性 ng-repeat 属性      更新时间:2023-09-26

html:

<div ng-repeat="addr in addrShipData">
     <input type="radio" name="resp1" ng-checked='true'/>
      {{addr.addressLine1 +","+addr.addressLine2+", "+addr.city+ ","+addr.state+", "+addr.country+", "+addr.zipCode+","+addr.contactNum}}
 &nbsp;&nbsp;&nbsp;&nbsp; <a>Edit</a>
</div>

JS代码:

 var dataObj = [];
  var shipDataObj = [];
  //var addrShipData =[];
  function shipData(shipDataObj){
      for(i=0;i<shipDataObj.length;i++){
          dataObj.push(addressLine1 = shipDataObj[i].addressLine1);
          dataObj.push(addressLine2 = shipDataObj[i].addressLine2);
          dataObj.push(city = shipDataObj[i].city);
          dataObj.push(state = shipDataObj[i].state);
          dataObj.push(country = shipDataObj[i].country);
          dataObj.push(zip = shipDataObj[i].zipCode);
          dataObj.push(contactNum = shipDataObj[i].contactNumber);
      }
  }
   appServices.getAddress(userData.customerId).then(function (data){
                    if (data){  
                          console.log(data);
                          $scope.shipDataObj = data;
                          shipData(data);
                        console.log("dataObj properties: " + dataObj);
                        $scope.addrShipData = dataObj;
                        console.log($scope.addrShipData);
                     if ($scope.addrShipData){
                                storeLocally.set('shipInfo :', $scope.addrShipData);
                          }
                          else{
                                $scope.addressError = "No Address Found!";                            
                          }         
                    console.log("address info:- " + $scope.addrShipData);
                    }
               }),
                function (data) {
                    if (data.status == 500) {
                      $scope.addressError = "Oops! No Address Found!";
                    };
                }       

在 js 文件中,我调试了代码,我在 HTML 视图中获取了 $scope.addrShipdata 中的所有值,我没有获得任何值。

我像这样得到O/P

在主机上:1234沃勒大道,套房1,弗里蒙特,加利福尼亚州,美国,246326,213-435-4365

在 HTML 视图上:它显示为空白。 O ,, , , , ,编辑 O ,, , , , ,编辑 O ,, , , , ,编辑 O ,, , , , ,编辑 O ,, , , , ,编辑 O ,, , , , ,编辑 O ,, , , , ,编辑

我也没有收到任何错误。我不明白代码中的问题在哪里。

您尚未创建所需的正确对象定义ng-repeat临时。此外,您应该创建一个完整的对象并将其推送到dataObj这基本上将添加具有新属性的对象。

法典

for (i = 0; i < shipDataObj.length; i++) {
    dataObj.push({
        addressLine1: shipDataObj[i].addressLine1,
        addressLine2: shipDataObj[i].addressLine2,
        city: shipDataObj[i].city,
        state: shipDataObj[i].state,
        country: shipDataObj[i].country,
        zip: shipDataObj[i].zipCode,
        contactNum: shipDataObj[i].contactNumber
    });
}