触摸ID不适用于Ionic 3

Question

我正在试着对TouchId离子原生插件做一个快速测试。

与文档一起，我在我的控制器中有以下设置：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { TouchID } from '@ionic-native/touch-id';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {

  constructor(public navCtrl: NavController, private touchId:TouchID) {

  }
  this.touchId.isAvailable()
  .then(
    res => console.log('TouchID is available!'),
    err => console.error('TouchID is not available', err)
  );

this.touchId.verifyFingerprint('Scan your fingerprint please')
  .then(
    res => console.log('Ok', res),
    err => console.error('Error', err)
  );
}

但是我在行中的"This“下面看到了一条红色的曲折线条: this.touchId.isAvailable()，正如我们所知，它突出显示了一个错误。

意外标记。应为构造函数、方法、访问器或属性。

我已经添加了插件，并将其包含在模块的provider部分中。

我能错过什么呢？

Answer 1

看起来你还没有把你的插件调用封装在一个方法中。这个问题已经4个月了，我相信你现在已经弄明白了。无论如何，如果任何有Javascript背景的人被Typescript类和方法约定所抛弃，我希望答案能有所帮助。我还建议用platform.ready()调用包装任何插件调用，以确保插件在被访问之前被正确初始化。

export class AboutPage {

  constructor(platform: Platform, public navCtrl: NavController, private touchId:TouchID) {
    platform.ready().then(() => this.touchInit());
  }

touchInit() {
    this.touchId.isAvailable()
      .then((response: any) => {
          console.log('TouchID is available!', response);
          return this.touchId.verifyFingerprint('Scan your fingerprint please');
      })
      .then((res: any) => {
          console.log('Ok', res)
      })    
      .catch((error: any) => {
          console.error('Error', err)
      });