Arrays 错误:[filter:notarray]应为数组,但收到了对象
嗨,我正在尝试创建一个基本的全局搜索,它将根据当前的视图(控制器)过滤页面上的结果Arrays 错误:[filter:notarray]应为数组,但收到了对象,arrays,angularjs-filter,angularjs-rootscope,Arrays,Angularjs Filter,Angularjs Rootscope,嗨,我正在尝试创建一个基本的全局搜索,它将根据当前的视图(控制器)过滤页面上的结果 <div class="card-image waves-effect waves-block waves-light"> <img class="activator" src="images/sample-1.jpg"> </div> <div class="card-content">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/sample-1.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{post.Title}}<i class="material-icons right">more_vert</i></span>
<p><a href="#">Read More</a></p>
<p>By: {{post.Author}} Published on: {{post.Published | date:'mediumDate'}}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{post.Title}}<i class="material-icons right">close</i></span>
<div>{{post.Intro}}</div>
<p ng-bind-html="post.Body">{{post.Body}}</p>
</div>
</div>
</div>
搜索控制器:
<form ng-controller="searchCtrl">
<div class="container col-md-12">
<div class="row margin col-md-2">
<label>Search</label>
<input ng-model="searchSite" type="text" class="form-control" />
</div>
</div>
</form>
controllersModule.controller('BlogCtrl', ["$scope", "postsDB", function($scope, postsDB) {
//postsDB is the factory pulling the API
postsDB.query(function(posts){
$scope.myPosts = posts;
})
}]);
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/sample-1.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{post.Title}}<i class="material-icons right">more_vert</i></span>
<p><a href="#">Read More</a></p>
<p>By: {{post.Author}} Published on: {{post.Published | date:'mediumDate'}}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{post.Title}}<i class="material-icons right">close</i></span>
<div>{{post.Intro}}</div>
<p ng-bind-html="post.Body">{{post.Body}}</p>
</div>
</div>
</div>
博客控制器:
<form ng-controller="searchCtrl">
<div class="container col-md-12">
<div class="row margin col-md-2">
<label>Search</label>
<input ng-model="searchSite" type="text" class="form-control" />
</div>
</div>
</form>
controllersModule.controller('BlogCtrl', ["$scope", "postsDB", function($scope, postsDB) {
//postsDB is the factory pulling the API
postsDB.query(function(posts){
$scope.myPosts = posts;
})
}]);
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/sample-1.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{post.Title}}<i class="material-icons right">more_vert</i></span>
<p><a href="#">Read More</a></p>
<p>By: {{post.Author}} Published on: {{post.Published | date:'mediumDate'}}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{post.Title}}<i class="material-icons right">close</i></span>
<div>{{post.Intro}}</div>
<p ng-bind-html="post.Body">{{post.Body}}</p>
</div>
</div>
</div>
HTML输出
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/sample-1.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{post.Title}}<i class="material-icons right">more_vert</i></span>
<p><a href="#">Read More</a></p>
<p>By: {{post.Author}} Published on: {{post.Published | date:'mediumDate'}}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{post.Title}}<i class="material-icons right">close</i></span>
<div>{{post.Intro}}</div>
<p ng-bind-html="post.Body">{{post.Body}}</p>
</div>
</div>
</div>
将其转换为数组的原因是,我得到了错误error:[filter:notarray]预期的数组
,但即使更改了它,我仍然会得到相同的错误
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/sample-1.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{post.Title}}<i class="material-icons right">more_vert</i></span>
<p><a href="#">Read More</a></p>
<p>By: {{post.Author}} Published on: {{post.Published | date:'mediumDate'}}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{post.Title}}<i class="material-icons right">close</i></span>
<div>{{post.Intro}}</div>
<p ng-bind-html="post.Body">{{post.Body}}</p>
</div>
</div>
</div>