使用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'">