使用离子2写入(和读取)NFC

时间:2017-05-24 15:53:37

标签: ionic-framework ionic2 nfc

我想开发一款能够读写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

0 个答案:

没有答案