我竭力开发一种卡,单击时,从设备打开任何地图应用,主要是利用本教程:https://www.youtube.com/watch?v=BHBLjRuzb7s
虽然我编码它不工作相同的代码,因为没有任何反应,当我点击该按钮。
这是我的HTML文件:
<div>
<ion-card>
<div>
<img src="{{UnitLocal}}">
</div>
<ion-item>
<button ion-button block (click)="navToMaps()">Universidade Tiradentes</button>
</ion-item>
</ion-card>
</div>
这是我的TS文件:
import { Component } from '@angular/core';
import { LaunchNavigator, LaunchNavigatorOptions } from '@ionic-native/launch-navigator/ngx';
@Component({
selector: 'unitmap',
templateUrl: 'unitmap.html'
})
export class UnitmapComponent {
private UnitLocal: string;
private UnitEndereco: string;
constructor(private launchNavigator: LaunchNavigator) {
this.UnitLocal = this.getMap();
this.UnitEndereco = "Universidade Tiradentes, Aracaju";
}
navToMaps() {
console.log('Navegando para mapas');
this.launchNavigator.navigate(this.UnitEndereco);
}
}
当我运行通过浏览器应用程序,我能得到控制台日志,所以我假设正确的按钮引用navToMaps。
你提到你正在使用离子3和5角(检查ionic.config.json文件在您的项目类型必须是离子-角),而你似乎可以用其@离子本地/启动导航仪,其版本>插件= 5.0.0其被支撑为离子4和角6和项目类型的角。
您需要使用本地插件的低版本的应用程序才能正常工作。
首先卸载插件
npm uninstall @ionic-native/launch-navigator
并安装正确的版本为您的项目类型。
npm i -s @ionic-native/[email protected]
而且,由于不使用角6,你不需要追加NGX和进口的结束。
如下图所示
import { LaunchNavigator, LaunchNavigatorOptions } from '@ionic-native/launch-navigator';
而且,不要忘记将插件添加到您的应用程序模块的供应商阵列。