Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在AngularJS表中使用过滤器_Javascript_Html_Angularjs_Filter - Fatal编程技术网

Javascript 在AngularJS表中使用过滤器

Javascript 在AngularJS表中使用过滤器,javascript,html,angularjs,filter,Javascript,Html,Angularjs,Filter,我正在使用angularjs在mvc中创建一个web应用程序,我想在其中过滤表中的数据,但调试代码时出错 这就是错误所在 错误:$rootScope:infdig无限$digest循环10$digest()迭代 达到。流产!在过去5次迭代中激发的观察者:[] 我试过这样的东西 <tr ng-repeat="d in dataintbl| filter:search"> <tr ng-repeat="d in dataintbl | filter:search.taskstar

我正在使用angularjs在
mvc中创建一个web应用程序,我想在其中过滤表中的数据,但调试代码时出错

这就是错误所在

错误:$rootScope:infdig无限$digest循环10$digest()迭代 达到。流产!在过去5次迭代中激发的观察者:[]

我试过这样的东西

<tr ng-repeat="d in dataintbl| filter:search">
<tr ng-repeat="d in dataintbl | filter:search.taskstartdate" ng-class="{'changecolor':(d.IsCompleted=='True')}">
这就是我的桌子的样子

<table class="table table-bordered">
    <thead>
    <tr class="bg-primary">
        <th>Task Name</th>
        <th>Start Date</th>
        <th>End Date</th>
        <th>Priority</th>
        <th>Action</th>
        <th ng-hide="true">autoid</th>
    </tr>
    <tr>
        <td>
            <input type="text" ng-model="search.taskstartdate" placeholder="" class="erp-input"/>
        </td>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="d in dataintbl" ng-class="{'changecolor':(d.IsCompleted=='True')}">
        <td><a href="#" style="cursor:pointer;" ng-click="showdetails(d)" data-toggle="modal" data-target="#myModalc">{{d.taskname}}</a>
        </td>
        <td>{{d.taskstartdate}}</td>
        <td>{{d.taskenddate}}</td>
        <td ng-class="{'greenrow': (d.taskpriority == 'Low'), 'yellowrow': (d.taskpriority == 'Medium'), 'redrow': (d.taskpriority == 'High')}">
            {{d.taskpriority}}
        </td>
        <td>
            <span ng-class="{'hidespan':(d.IsCompleted=='False')}">Completed</span>
            <div ng-class="{'hidebutton':(d.IsCompleted=='True')}">

                <a href="#" ng-click="updatetask(d)" data-toggle="modal" title="EDIT TASK" data-target="#myModalb"
                   class="btn btn-warning glyphicon glyphicon-edit"></a>
                <a href="#" ng-click="deleteuser(d)" title="DELETE TASK"
                   class="btn btn-danger glyphicon glyphicon-trash"></a>
                <a href="#" ng-click="taskcompleted(d)" title="COMPLETE TASK"
                   class="btn btn-success glyphicon glyphicon-ok"></a>
            </div>
        </td>
    </tr>
    </tbody>
</table>

任务名称
开始日期
结束日期
优先
行动
自动识别
{d.taskstartdate}
{d.taskenddate}
{{d.taskpriority}}
完整的

我只是想了解,我如何为用户提供过滤器?

您需要更改以下行

<tr ng-repeat="d in dataintbl" ng-class="{'changecolor':(d.IsCompleted=='True')}">

像这样的事情

<tr ng-repeat="d in dataintbl| filter:search">
<tr ng-repeat="d in dataintbl | filter:search.taskstartdate" ng-class="{'changecolor':(d.IsCompleted=='True')}">


而且一切看起来都很好

你能提供你的代码的提琴/弹拨器吗?请创建一个提琴或弹拨器你正在使用的对象是什么??给出一些示例数据。。您的一些数据可能导致了问题,先生,您能提供完整的代码吗?先生,如果您使用输入框搜索数据,那么我认为,您只需要将ng repeat=“d in dataintbl”更改为ng repeat=“d in dataintbl | filter:search.taskstartdate”