我用ionic2制作了一个按钮。但它根本不起作用。我添加了代码

时间:2017-04-13 03:39:50

标签: facebook angular button ionic2

我制作了一个与登录相关的按钮。

当我点击按钮时,它根本不起作用。

我添加了代码。

enter image description here enter image description here

我该怎么办? enter image description here

请帮助我!

1 个答案:

答案 0 :(得分:0)

我已经做到了,它在真实设备上工作正常。如果您有任何疑问,请在下面发表评论。

使用 Git Repo播放。

Cloud Plugin for more info

注意:在git repo上面加叉并使用它。

<强> app.module.ts

import { CloudSettings, CloudModule } from '@ionic/cloud-angular';

const cloudSettings: CloudSettings = {
  'core': {
    'app_id': 'd32c02d2'
  },
  'auth': {
    'facebook': {
      'scope': ['public_profile', 'email']
    }
  }
};

@NgModule({
  declarations: [
   ],
  imports: [
    CloudModule.forRoot(cloudSettings)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
   ],
  providers: [

  ]
})
export class AppModule { }

<强> home.html的

<button ion-button block type="button" (click)="fbLogin()">Fb Login</button>

<强> home.ts

import { Component } from '@angular/core';
import { FacebookAuth, User } from '@ionic/cloud-angular';


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

  constructor(public facebookAuth: FacebookAuth, public user: User) {

  }

  fbLogin() {
    this.facebookAuth.login();
  }

}