Question

所以，我正在尝试对我正在显示的某些数据应用过滤器。但是，只要我在我的代码中包含过滤器，我甚至看不到之前显示的数据应该是这样。我已经研究了AngularJS的过滤器，甚至创建了自己的过滤器。看起来很简单，很容易实现，但过滤器会出现什么样的问题？我正在寻找AngularJS和Javascript的建设性批评，而不是我作为计算机科学家的技能。任何负面评论都将被删除，这些人的声誉将受到损害！

<thead>
    <tr ng-if="vm.detail == false">
        <th><input type="text" ng-model="filter.DivisionName" class="input-sm form-control" /></th>
        <th><input type="text" ng-model="filter.PoolName" class="input-sm form-control" /></th>
        <th><input type="text" ng-model="filter.SubpoolName" class="input-sm form-control" /></th>
        <th><input type="text" ng-model="filter.RenewalGroupName" class="input-sm form-control" /></th>
        <th><input type="text" ng-model="filter.MchNumber" /></th>
        <th><input type="text" ng-model="filter.ContractNumber" /></th>
        <th><input type="text" ng-model="filter.PlanCode" /></th>
    </tr>


</thead>
<tbody >
<!--Data for Division, Pool, Subpool, and RenewalGroup Searches-->
 <tr ng-repeat="plan in vm.plans| filter:filter |limitTo:vm.pageSize "
     ng-if="vm.detail == false">

     <td>{{plan.ExperienceGroup.RenewalGroup.Subpool.Pool.Division.DivisionName}}</td>
     <td>{{plan.ExperienceGroup.RenewalGroup.Subpool.Pool.PoolName}}</td>
     <td>{{plan.ExperienceGroup.RenewalGroup.Subpool.SubpoolName}}</td>
     <td>{{plan.ExperienceGroup.RenewalGroup.RenewalGroupName}}</td>
     <td><a href="#/Mch/MCH/{{plan.MchNumber}}">{{plan.MchNumber}}</a></td>
     <td>{{plan.PlanDesign.ContractNumber}}</td>
     <td>{{plan.PlanDesign.PlanCode}}</td>
     <td>{{plan.Mcp}}</td>
 </tr>

过滤器不使用AngularJS显示数据 - Javascript

0 个答案: