将导入分配给构造函数中的变量

时间:2016-10-22 17:17:24

标签: facebook typescript import ionic2

我正在Ionic2中构建一个应用程序。我想在应用程序中实现Facebook,所以我试图使用离子本地Facebook api。我导入它然后尝试将它分配给变量,以便我可以使用与之关联的函数。

这是我的代码。

SPACE FOUND at orgStr[4]
SPACE FOUND at orgStr[7]
SPACE FOUND at orgStr[9]

我认为导入的工作方式与类很相似,因为您可以导入它并将其分配给变量,然后可以访问其方法。这不是那样的吗?它是如何工作的?

1 个答案:

答案 0 :(得分:0)

你必须像Ionic本机文档中那样导入Facebook类: https://ionicframework.com/docs/v2/native/

您不需要通过构造函数注入它。由于方法是静态的,这将打印错误。

请务必在Facebook事件后致电platform.ready。并且不要忘记添加插件。请参阅相应修改的示例。

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { Facebook } from 'ionic-native';


@Component({
  selector: 'page-news-feed',
  templateUrl: 'news-feed.html',
})
export class NewsFeed {

  constructor(public navCtrl: NavController, platform: Platform) {
    platform.ready().then(() => {
      console.log('Faceboook');
      Facebook.login([]).then((response) => {
        console.log(response);
      }).catch((error) => {
        console.error(error);
      });
    })
  }

    doRefresh(refresher) {
        console.log('Begin async operation', refresher);

        setTimeout(() => {
            console.log('Async operation has ended');
            refresher.complete();
        }, 2000);
    }

  ionViewDidLoad() {
    console.log('Hello NewsFeed Page');
  }

}