Fatal编程技术网
  • javascript/
  • Javascript 无法读取属性'；nativeElement'；未定义的类型（离子型3和角型5）

Javascript 无法读取属性'；nativeElement'；未定义的类型（离子型3和角型5）

javascript angular typescript ionic-framework

Javascript 无法读取属性'；nativeElement'；未定义的类型（离子型3和角型5）,javascript,angular,typescript,ionic-framework,viewchild,Javascript,Angular,Typescript,Ionic Framework,Viewchild,在我的Ionic 3应用程序上使用@ViewChild（）时出现问题。事实上，我希望能够在页面的第二部分显示地图。我有以下错误： ERROR TypeError: Cannot read property 'nativeElement' of undefined 以下是我的HTML代码： 福利斯 利斯特 菜单 {{favorite.name} {{favorite.address} 视图的初始值与检查是否渲染贴图div的大小写不匹配 view: string = "list"; //

在我的Ionic 3应用程序上使用@ViewChild（）时出现问题。事实上，我希望能够在页面的第二部分显示地图。我有以下错误：

ERROR TypeError: Cannot read property 'nativeElement' of undefined
以下是我的HTML代码：


福利斯
利斯特
菜单
{{favorite.name}

{{favorite.address}



视图的初始值与检查是否渲染贴图div的大小写不匹配


view: string = "list"; // it should be "map"





1.加载页面时，视图的值为“列表”，元素映射无法在页面上呈现。因此mapRef为空

2.问题为ngSwitchCase，当ngSwitch值与ngSwitchCase不匹配时，将不渲染元素

3.也许你可以使用指令[隐藏]

仅在地图渲染时调用
showMapWithMarker（）
（即当
view='map'
或使用地图作为默认视图。我的英语很差，希望你能理解我说的话

<div *ngSwitchCase="'map'">
     <div #map id="map" class="map"></div>
</div>