[bugfix] Unable to specify collector when creating a monitor

web-app/src/app/routes/monitor/monitor-form/monitor-form.component.html

@@ -107,6 +107,7 @@
             [extra]="{collectors}"
             [name]="'collector'"
             [(ngModel)]="collector"
+            (ngModelChange)="onCollectorChange($event)"
           />
         </nz-form-control>
       </nz-form-item>

web-app/src/app/routes/monitor/monitor-form/monitor-form.component.ts

@@ -46,6 +46,7 @@ export class MonitorFormComponent implements OnChanges {
   @Output() readonly formCancel = new EventEmitter<any>();
   @Output() readonly formDetect = new EventEmitter<any>();
   @Output() readonly hostChange = new EventEmitter<string>();
+  @Output() readonly collectorChange = new EventEmitter<string>();
 
   hasAdvancedParams: boolean = false;
 
@@ -137,6 +138,10 @@ export class MonitorFormComponent implements OnChanges {
     this.hostChange.emit(host);
   }
 
+  onCollectorChange(host: string) {
+    this.collectorChange.emit(host);
+  }
+
   onParamBooleanChanged(booleanValue: boolean, field: string) {
     // 对SSL的端口联动处理, 不开启SSL默认80端口，开启SSL默认443
     if (field === 'ssl') {

web-app/src/app/routes/monitor/monitor-new/monitor-new.component.html

@@ -37,6 +37,7 @@
   [advancedParamDefines]="advancedParamDefines"
   [collector]="collector"
   [collectors]="collectors"
+  (collectorChange)="onCollectorChange($event)"
   (hostChange)="onHostChange($event)"
   (formCancel)="onCancel()"
   (formSubmit)="onSubmit($event)"

web-app/src/app/routes/monitor/monitor-new/monitor-new.component.ts

@@ -161,6 +161,10 @@ export class MonitorNewComponent implements OnInit {
     }
   }
 
+  onCollectorChange(collector: string) {
+    this.collector = collector;
+  }
+
   onSubmit(info: any) {
     let addMonitor = {
       detected: this.detected,