Javascript ng repeat不显示从Ionic中的web服务响应接收的对象生成的数组
我正在开发一个ionic v1应用程序,它从服务器获得json格式的响应,并将数据放入一个数组中 我试图将这个数组元素显示在一个HTML div中,作为一个复选框列表,用户可以通过选中复选框来选择项目。我的问题是数组没有显示在HTML页面上,有人能帮我吗 这是我的HTML代码Javascript ng repeat不显示从Ionic中的web服务响应接收的对象生成的数组,javascript,angularjs,arrays,json,ionic-framework,Javascript,Angularjs,Arrays,Json,Ionic Framework,我正在开发一个ionic v1应用程序,它从服务器获得json格式的响应,并将数据放入一个数组中 我试图将这个数组元素显示在一个HTML div中,作为一个复选框列表,用户可以通过选中复选框来选择项目。我的问题是数组没有显示在HTML页面上,有人能帮我吗 这是我的HTML代码 <div id="btnid" class="list itemsDiv"> <ion-list class="bg" ng-repeat="item in results"> <
<div id="btnid" class="list itemsDiv">
<ion-list class="bg" ng-repeat="item in results">
<ion-checkbox ng-repeat="item in results">
{{ item.ItemName }}
</ion-checkbox>
</ion-list>
</div>
试试这个
实际上,您忘记了那里的ng model,第二个问题是您在代码中使用了ng repeat两次。但这是没有必要的
<div id="btnid" class="list itemsDiv">
<ion-list class="bg" ng-repeat="item in results">
<ion-checkbox ng-model="item.ItemName">
{{item.ItemName}}
</ion-checkbox>
</ion-list>
</div>
{{item.ItemName}
您也可以尝试强制angular使用$scope更新UI。$apply函数,这是由于使用承诺和回调造成的,请查看本文以便更好地理解
谢谢你的回复,但不幸的是,它没有更新我的答案。请检查一下。
{
"Cargo": [{
"ID": 1,
"ItemName": "test",
"CategoryTypeID": 1
}, {
"ID": 2,
"ItemName": "test2",
"CategoryTypeID": 1
}, {
"ID": 3,
"ItemName": "test3",
"CategoryTypeID": 1
}]
}
<div id="btnid" class="list itemsDiv">
<ion-list class="bg" ng-repeat="item in results">
<ion-checkbox ng-model="item.ItemName">
{{item.ItemName}}
</ion-checkbox>
</ion-list>
</div>