我用win7系统,无法获取未定义或null引用的属性“options”

Posted 2023-05-11

我用win7系统,无法获取未定义或null引用的属性“options”

先复制这个网站的地址,点击IE窗口上的“工具”菜单,选择“Internet选项”:

切换到“安全”,建议选择“本地Intranet”,再点击“站点”:

粘贴网址,“添加”即可,点击“关闭”:

然后返回对话框点击“自定义级别”,一般要“启用”“ActiveX控制自动提示”、“运行ActiveX控制和插件”,尤其是"跨域浏览窗口和框架":

如果还不行,则需要在”高级“中勾选上两项,如图:

如果你是在IE9 or more以上浏览器调试本地网站,建议在IIS中发布,一些html5的新技术在本地HTML直接打开是不支持的:

当然,还有可能是写js代码时在函数体外不小心按入了字符,删除即可 参考技术A sess是服务器控件，如果有母版页，那么生成html时会给ID加前缀，也就是说浏览器找不到这个id了。在浏览器中打开，按F12，定位到那个控件查看id，然后修改js中的对应值。

Angular 6：TypeError：无法获取未定义或空引用的属性“nativeElement”

【中文标题】Angular 6：TypeError：无法获取未定义或空引用的属性“nativeElement”

【英文标题】：Angular 6: TypeError: Unable to get property 'nativeElement' of undefined or null reference

【发布时间】：2019-05-13 06:15:26

【问题描述】：

我收到了这个错误

TypeError：无法获取未定义或 null 的属性“nativeElement” 参考 TypeError：无法获取属性“nativeElement” 未定义或空引用在

这是我的示例代码 app.component.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);

请检查并帮助我。

【问题讨论】：

你想从那个元素中得到什么？

Angular 2 @ViewChild annotation returns undefined的可能重复

@PrashantPimpale 我需要显示谷歌自动完成框。

@malbarmawi 请再次检查我的问题。

【参考方案1】：

确保您在类级别使用@ViewChild，因为它是类的属性，无法在其方法中访问。

你需要在 nativeElement 之后使用 .value 来获取它的值

@ViewChild('search') searchValule : ElementRef
var enteredSearchValue      = this.searchValule.nativeElement.value

【参考方案2】：

ViewChild 未在 ngOnInit 钩子中定义，因为模板尚未渲染，因此您无法引用该元素。尝试将钩子更改为 ngAfterViewInit