Javascript 尚未填充带有ng重复的角度过滤器
我有一些过滤选项,比如下拉菜单,可以作为显示内容的过滤器。 所述内容是从数据库调用的,需要几毫秒才能显示出来。在这几毫秒内,我有很多与过滤系统有关的错误。有人知道如何让他们保持安静吗 HTML标记Javascript 尚未填充带有ng重复的角度过滤器,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我有一些过滤选项,比如下拉菜单,可以作为显示内容的过滤器。 所述内容是从数据库调用的,需要几毫秒才能显示出来。在这几毫秒内,我有很多与过滤系统有关的错误。有人知道如何让他们保持安静吗 HTML标记 <div class="user-content py-4 px-5"> <ul class="nav justify-content-center pb-3" id="filters"> <li class="nav-item dropdown"
<div class="user-content py-4 px-5">
<ul class="nav justify-content-center pb-3" id="filters">
<li class="nav-item dropdown">
<select class="form-control" id="continent" ng-model="filter_continent">
<option value="">continent</option>
<option ng-repeat="con in continents" value="{{con}}">{{con}}</option>
</select>
</li>
<li class="nav-item dropdown">
<select class="form-control" id="category" ng-model="filter_cat">
<option value="">catégorie</option>
<option value="experience">Experience</option>
<option value="explore">Explore</option>
<option value="globe">Globe</option>
<option value="sleep">Sleep</option>
<option value="taste">Taste</option>
</select>
</li>
</ul>
<div ng-show="tipson" class="tips-widget text-center mb-5"
ng-repeat="item in userTips | filter:{category:filter_cat,continent:filter_continent}"
id="{{item._id}}"
style="background-image: url('{{item.cover}}');"
data-id="{{item._id}}"
ng-mouseenter="placeHover(item._id, item.lat)"
ng-click="show_tips(item._id)">
<div class="background"></div>
<p class="location"><span>{{item.country}}</span>, {{item.city}}</p>
<h3>{{item.name}}</h3>
</div>
</div>
编辑
下面是实例代码
//USER TIPS
$scope.userTips = {};
$scope.user_tips = function(id){
Tips.getByAuthorId(id)
.success(function(data) {
$scope.userTips = data;
});
}
在从数据库获取数据之前,请检查userTips初始化为什么。如果未初始化,则将其初始化为空数组。其非常清楚的
userTips
不是数组,您可以使用{{userTips | json}}}
查看其值,如果它是数组,请发布上面的部分。我不理解您的答案。怎么会呢userTips不是一个对象数组?请把js代码放进去。似乎筛选器正在搜索不存在的数组。您的模型是声明还是数组实例化?你试过了吗?我已经添加了相关的代码,请参见问题中的更新。空数组在填充之前已初始化'
//USER TIPS
$scope.userTips = {};
$scope.user_tips = function(id){
Tips.getByAuthorId(id)
.success(function(data) {
$scope.userTips = data;
});
}