【问题标题】:Unable to display content using search filter无法使用搜索过滤器显示内容
【发布时间】: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


【解决方案1】:

将过滤器从 filter: search 更改为 filter: search.status 有效。

【讨论】:

    猜你喜欢
    • 2019-05-24
    • 1970-01-01
    • 2021-12-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-11
    • 1970-01-01
    相关资源
    最近更新 更多