fix(lib): support default value in mat-search-google-maps-autocomplete

Author: AnthonyNahas

projects/angular-material-extensions/google-maps-autocomplete/src/lib/component/mat-search-google-maps-autocomplete/mat-search-google-maps-autocomplete.component.ts

@@ -76,18 +76,20 @@ export class MatSearchGoogleMapsAutocompleteComponent implements OnInit, Control
   germanAddress: GermanAddress;
   addressFormGroup: FormGroup;
 
+  firstInit = true;
+
   propagateChange = (_: any) => {
   };
 
   constructor(private formBuilder: FormBuilder) {
   }
 
   ngOnInit() {
-    this.addressFormGroup = this.createAddressFormGroup();
+    this.createAddressFormGroup();
   }
 
-  createAddressFormGroup(): FormGroup {
-    return this.formBuilder.group({
+  createAddressFormGroup(): void {
+    this.addressFormGroup = this.formBuilder.group({
       streetName: [this.value && this.value.streetName ? this.value.streetName : null, Validators.required],
       streetNumber: [this.value && this.value.streetNumber ? this.value.streetNumber : null, Validators.required],
       postalCode: [this.value && this.value.postalCode ? this.value.postalCode : null, Validators.required],
@@ -126,8 +128,17 @@ export class MatSearchGoogleMapsAutocompleteComponent implements OnInit, Control
   }
 
   writeValue(obj: any): void {
+    let shouldRecreateFG = false;
     if (obj) {
+      if (!this.value && this.firstInit) {
+        shouldRecreateFG = true;
+      }
       this.value = obj;
+      this.propagateChange(this.value);
+      if (shouldRecreateFG) {
+        this.createAddressFormGroup();
+        this.firstInit = false;
+      }
     }
   }
 

src/app/app.component.ts

@@ -21,6 +21,7 @@ export class AppComponent implements OnInit {
   public longitude: number;
   public showAsDirective = false;
   public showAsComponent = true;
+
   addressValue: GermanAddress = {
     streetNumber: '100',
     streetName: 'Your StreetName',
@@ -66,6 +67,7 @@ export class AppComponent implements OnInit {
 
   ngOnInit(): void {
     this.addressFormGroup = new FormGroup({
+      // address: new FormControl(this.addressValue),
       address: new FormControl(),
     });