【发布时间】:2016-06-07 18:56:48
【问题描述】:
无法使用filter: search 显示结果。当我删除过滤器时,数据会正确显示。
<div class="col-md-12" ng-controller="workOrderController">
<div class="row m-t-20 user_work_area_dashboard">
<div class="col-md-3 text-center" >
<ul class="tabs_left_dashboard">
<li><a ng-click="search.status = ''" href="">ALL PROJECTS</a></li>
<li><a ng-click="search.status = 'PORTFOLIO'" href="">PORTFOLIO</a></li>
<li><a ng-click="search.status = 'CATEGORY'" href="">NOTIFICATIONS</a></li>
<li><a ng-click="search.status = 'IN PROGRESS'" href="">RUNNING PROJECTS</a></li>
<li><a ng-click="search.status = 'COMPLETED PROJECTS'" href="">COMPLETED PROJECTS</a></li>
<li ng-if="$parent.role == 'admin'" href=""><a ng-click="search.status = 'OPEN'">OPEN PROJECTS</a></li>
<li ng-if="$parent.role == 'admin'" href=""><a ng-click="search.status = 'ASSETS'">ASSETS</a></li>
<li ng-if="$parent.role == 'admin'" href=""><a ng-click="search.status = 'JOB REQUESTS'">JOB REQUESTS</a></li>
</ul>
</div><!--end of tab buttons-->
<div class="col-md-9">
<div cg-busy="{promise: myPromise}">
<div class="list_projects_section_in_dashboard">
<ul class="list_of_projects row">
<li class="col-md-15 col-sm-3" ng-repeat="wd in workOrdersList | filter:search">
<a ng-click=" viewProject(wd)" href=" ">
<img src="./images/projectthumb.jpg" />
<h4>{{wd.name}}</h4>
</a>
<p>Status: {{wd.status}}</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div><!--end of tab content-->
没有错误,只是不显示任何内容。它与ng-repeat 一起工作,但当我使用filter 时不知何故不起作用。当我检查 DOM 时,它显示:
<ul class="list_of_projects row">
<!-- ngRepeat: wd in workOrdersList | filter:search -->
</ul>
为什么会被注释掉?奇怪的。我想不通
【问题讨论】:
-
您确定 workOrderList 存在于您的 $scope 中吗?
-
@MattanBitner 是的,当控制器(页面)被加载时,我可以在控制台中打印它
-
@MattanBitner 如果我使用
ng-repeat它可以工作,所以如果我没记错,它必须在范围内
标签: javascript angularjs angular-directive