我有一个包含两列的表: Title & 内容我希望使用卡片组件在我的Ionic应用程序中显示。我的问题是在添加ng-repeat卡时消失了吗?我不完全确定会发生什么,但没有任何迹象或错误。
Dashboard.html
<ion-view view-title="Dashboard" hide-back-button="true">
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
<ion-content ng-controller="dashCtrl">
<div ng-repeat="val in districts">
<div class="card">
<div class="item item-divider">
I'm a Header in a Card!
</div>
<div class="item item-text-wrap">
APP{{val}}
</div>
</div>
</div>
</ion-content>
</ion-view>
Controller.js
$scope.selectedDist= function(data) {
console.log(data);
$http.get("http://localhost:53101/TruckService.svc/getFeed")
.success(function(data) {
var obj = data;
var ar = [];
angular.forEach(obj, function(index, element) {
angular.forEach(index, function(indexN, elementN) {
console.log("========"+indexN.feedID);
ar.push({feedID: indexN.feedID, title: indexN.title, body: indexN.body});
$scope.districts = ar;
});
});
})
.error(function(data) {
console.log("failure");
})
答案 0 :(得分:0)
.factory('YourStuff', function ($http) {
return {
get: function () {
return $http.get('http://watevs')
}
};
})
.controller('YourCtrl', function ($scope, YourStuff) {
YourStuff.get().success(function (response) {
$scope.districts = response;
})
})
这应该将您的区域设置为$ scope。然后你可以用ng-repeat循环遍历它们。
调试以查看数组是否包含console.log(response);
和console.log(response[0]);