AngularJS如何传递searchtext来过滤指令中的表

时间:2017-03-01 21:43:40

标签: angularjs angularjs-directive angularjs-filter

使用AngularJS。我有一些表的搜索字段。该表用于具有不同数据的各个位置,因此我将其作为指令。搜索字段不在指令范围内。我无法弄清楚如何将searchText从主页传递到指令中的表。我尝试过不同的方法,我在网上找到的东西,但下面是表格的基本细节,它显示得很好。在我将表格分解为指令之前,搜索也运行良好。我只是无法弄清楚如何从指令外部应用过滤器。

html:

    <label>Search: 
        <input class="" ng-model="searchText.commodityId" placeholder="Commodity Code">
        <input class="" ng-model="searchText.commodityName" placeholder="Commodity Name">
    </label>

    <fiveyearreporttable location="location" 
      year="year" 
      rows="fiveYearCargoReport.allMajorGroup" 
      searchText="searchText"></fiveyearreporttable>

指令:

    angular.module('webPubsApp')
      .directive('fiveyearreporttable', function () {
        return {
          templateUrl: 'views/templates/inc-five-year-report-table.html',
          restrict: 'E',
          scope: {
              location: '=',
              year: '=',
              rows: '=',
              searchText: '='
          }
        };
      });

templateUrl中的相关html:

    <tr ng-repeat="row in rows| filter:searchText " ng-class-even="'even-row'">

0 个答案:

没有答案