离子导航启动不起作用。我点击按钮，没有任何反应

Question

我竭力开发一种卡，单击时，从设备打开任何地图应用，主要是利用本教程：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。

Answer 1

你提到你正在使用离子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';

而且，不要忘记将插件添加到您的应用程序模块的供应商阵列。

参考：https://stackoverflow.com/a/54474247/6617276