我收到这个错误
TypeError: Unable to get property 'nativeElement' of undefined or null reference TypeError: Unable to get property 'nativeElement' of undefined or null reference at
这是我的示例代码 应用程序组件.html
<mat-form-field *ngFor="let i of [1,2,3,4,5]" class="example-full-width form-controlNew">
<input matInput autocomplete="off" placeholder="17 Summit Avenue" formControlName="formattedAddress" #search>
</mat-form-field>
app.component.ts
/// <reference types="@types/googlemaps" />
import {
Component,
OnInit,
NgZone,
ElementRef,
ViewChild
} from "@angular/core";
private geocoder;
@ViewChild("search")
public searchElementRef: ElementRef;
ngOnInit() {
setTimeout(() => {
this.setCurrentPosition();
this.mapsAPILoader.load().then(() => {
const autocomplete = new google.maps.places.Autocomplete(
this.searchElementRef.nativeElement,
{
types: ["location"]
}
);
this.geocoder = new google.maps.Geocoder();
autocomplete.addListener("place_changed", () => {
this.ngZone.run(() => {
const place: google.maps.places.PlaceResult = autocomplete.getPlace();
if (place.geometry === undefined || place.geometry === null) {
return;
}
this.lat = place.geometry.location.lat();
this.lng = place.geometry.location.lng();
this.quickjobform.patchValue({
location: {
formattedAddress: place.formatted_address,
zipcode: this.getAddressComponent(place, "postal_code", "long"),
city_sector: this.getAddressComponent(
place,
"sublocality_level_1",
"long"
),
city: this.getAddressComponent(place, "locality", "long"),
country: this.getAddressComponent(place, "country", "long"),
latitude: this.lat,
longitude: this.lng
}
});
this.zoom = 8;
});
});
});
},5000);
}
请检查并帮助我。
最佳答案
Make sure you are using @ViewChild in the class level, because it is a property of the class and cannot be accessed inside it's methods.
您需要在nativeElement之后使用.value 才能获取它的值
@ViewChild('search') searchValule : ElementRef
var enteredSearchValue = this.searchValule.nativeElement.value
关于javascript - Angular 6 : TypeError: Unable to get property 'nativeElement' of undefined or null reference，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53737984/