我想开发一款能够读写NFC标签的Ionic2应用程序(Ndef Message)。 我使用Ionic NFC文档(https://ionicframework.com/docs/native/nfc/)但这是我的第一个Ionic应用程序,而且我也是网络语言的初学者。 我已经使用NFC开发了一个Android应用程序,但我真的不明白Ionic和Angular是如何工作的!
这是我的代码: (HTML)
<ion-header>
<ion-navbar color="primary">
<button ion-button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title></ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<br/>
<button ion-button [disabled]="!isEnabled">Synchroniser</button>
<br/>
<p>{{infotxt}}</p>
</ion-content>
(TS):
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, LoadingController,
AlertController } from 'ionic-angular';
import { FormBuilder, Validators } from '@angular/forms';
import { NFC, Ndef } from '@ionic-native/nfc';
import { EmailValidator } from '../../validators/email';
import { AuthData } from '../../providers/auth-data';
import {HomePage}from'../home/home';
@Component({
selector: 'page-syncCard',
templateUrl: 'syncCard.html',
providers:[NFC,Ndef]
})
export class syncCard {
isEnabled :boolean;
infotxt : any;
constructor(public navCtrl: NavController, public nav: NavController,private nfc: NFC, private ndef: Ndef) {
this.nfc.addNdefListener();
}
ionViewDidEnter(){
this.isEnabled=false;
this.nfc.showSettings();
if (this.nfc.enabled()) {
this.infotxt="NFC enabled";
} else {
this.infotxt='NFC disabled';
}
}
}
我想做什么:
我希望信息文本值能够启用或禁用&#34;禁用&#34;因NFC手机状态而异。 然后,当用户在手机上放置NFC标签时,我的按钮将被启用(当我们取下nfc标签时再次禁用)。 当nfc标签靠近手机时,如果用户点击按钮,我想写一些东西(它将是一个字符串或字节[])。
你能帮帮我吗?
Ionic NFC的唯一例子是Ionic1或者过时的#34;标记git存储库
Thaks