机型下拉框过滤及精确筛选

src/app/pages/basic-data/aircraft-type/aircraft-type.component.html

@@ -27,7 +27,7 @@
             <div class="second-condition mb-3 row">
               <div class="input-container mr-4">
                 <label for="">航空公司：&nbsp;&nbsp;</label>
-                <select  class="form-control">
+                <select  class="form-control" [(ngModel)]="filterItems.HK" (ngModelChange)="inputFliter()">
                     <option value=""></option>
                     <option value="GH">海南航空公司</option>
                     <option value="CH">国外航空公司</option>
@@ -35,11 +35,11 @@
             </div>
             <div class="input-container mr-4">
                 <label for="">机型：&nbsp;&nbsp;</label>
-                <select  class="form-control">
+                <select  class="form-control" [(ngModel)]="filterItems.JX" (ngModelChange)="inputFliter()">
                     <option value=""></option>
-                    <option value="0">A306</option>
-                    <option value="1">A252</option>
-                    <option value="2">A256</option>
+                    <option value="A">A306</option>
+                    <option value="B">B252</option>
+                    <option value="C">C256</option>
                 </select>
             </div>
           </div>

src/app/pages/basic-data/aircraft-type/aircraft-type.component.ts

@@ -45,10 +45,20 @@ FLT_POS = 1;    //过滤还是定位
 SEL_COL = '';   //选择列名
 
 public filterItems = {
-    
+    HK: '',    //航空公司
+    JX: '',    //机型
 }
 
 public formatter = {
+    'HK': {
+        'GH': '海南航空公司',
+        'CH': '国外航空公司'
+    },
+    'JX': {
+        'A': 'A306',
+        'B': 'B252',
+        "C": 'C256'
+    },
     'SODT': dateFormatter,
     'ESTT': dateFormatter,
     'ACTT': dateFormatter