Angularjs 难以将查询结果转换为数组以应用ng repeat和search筛选器
我一直在尝试各种解决方案,我以前读过,所以我似乎无法解决我的问题。我是ANgular Ionic框架的新手,并且使用Parse.com作为后端。这就是我的问题: 在我的解析数据库中,我有一个类别列表。 从Parse Query检索类别列表到我的应用程序时,我无法正确转换结果以在视图中应用ng repeat,这样我就可以轻松地应用过滤器从视图上的输入框进行搜索。我在控制器中应用查询,我知道服务会更好,但每次只需一步。下面是代码Angularjs 难以将查询结果转换为数组以应用ng repeat和search筛选器,angularjs,parse-platform,angularjs-ng-repeat,ionic,Angularjs,Parse Platform,Angularjs Ng Repeat,Ionic,我一直在尝试各种解决方案,我以前读过,所以我似乎无法解决我的问题。我是ANgular Ionic框架的新手,并且使用Parse.com作为后端。这就是我的问题: 在我的解析数据库中,我有一个类别列表。 从Parse Query检索类别列表到我的应用程序时,我无法正确转换结果以在视图中应用ng repeat,这样我就可以轻松地应用过滤器从视图上的输入框进行搜索。我在控制器中应用查询,我知道服务会更好,但每次只需一步。下面是代码 <ion-view view-title="Categories
<ion-view view-title="Categories">
<ion-content>
<div class="col-md-2">
<!--Sidebar content-->
Search: <input ng-model="query" placeholder="Search for category">
</div>
<ion-list>
<ion-item ng-repeat="category in categories |filter:query" href="#/app/categories/{{category.id}}">
<!--div ng-repeat="(key,value) in category">{{key}} {{value}}</div-->
<img ng-src="assets\img\categories\{{category.name}}.jpg" >
{{category.name}}
</ion-item>
</ion-list>
</ion-content>
</ion-view>
这是应用于视图的控制器
.controller('AppController', function($scope){
$scope.categories = [];
function getCategories(){
var items = [];
var category = [];
var BusinessCategory = Parse.Object.extend("BusinessCategory");
var query = new Parse.Query(BusinessCategory);
//query.select("objectId", "name","frequency");
query.find().then(function(results){
for(var i=0; i < results.length; i++){
category.name = results[i].get("name");
category.id = results[i].id;
category.frequency = results[i].get("frequency");
console.log(category.name+" "+category.id);
items.push(category);
category = [];
}
$scope.categories = items;
$scope.items = items;
});
}
getCategories();
}
console.log打印输出成功,这表明我正在成功地将结果对象转换为一个类别数组,然后将其推送
进入范围项和类别属性。但是视图没有渲染任何类别,所以我有点不明白为什么它没有渲染类别。我真的很感激你的帮助
我建议添加一个plunkr来复制这个问题。在@Diana RLooks完成,就像你的plunkr甚至没有编译angular-Uncaught ReferenceError:angular没有定义,你在运行应用程序时在浏览器控制台中是否有相同的错误?抱歉,我不确定我的依赖项是否关闭,因此它没有呈现。请随时加入我的行列。我将不胜感激。@Diana R我在我的项目中没有遇到这个错误。New Plunkr在依赖项方面也有同样的问题。