ng-repeat显示的行等于属性的数量,甚至不在HTML视图上显示数据
ng- repeat is displaying rows equal to no of properties and not even displaying data on html view
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}}
<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
});
}
相关文章:
- [AngularJS][UI Router]在视图中显示视图
- 可以't无法显示视图/集合
- 在 Angular JS 中显示视图上的数组
- 如何在主干中显示视图.js(路由器.js中不显示警报)
- Angular 在加载其他视图之前不显示视图
- 如何将自动完成搜索框重定向到显示视图
- 使用 Knockoutjs 显示视图模型中数据的更好方法
- Angular UI路由器未显示视图
- 无法在“角度”中显示视图
- 在新窗口中显示视图
- 显示视图时JavaScripts不工作-Rails 4 Ruby 2
- 如何在单击按钮时显示视图
- AngularJS$routeProvider未显示视图
- 将创建视图嵌套在Backbone.js中的显示视图中
- 烬不显示视图
- MVC应用程序不显示视图中的数据
- 主干路由器不能显示视图
- 流星js |通过帮助器显示视图中的Json
- 如何在HTML或css中禁用选中的突出显示视图
- 我如何嵌入街景图像,使其显示视图从街道(而不是从建筑物内部)