【发布时间】:2020-05-03 16:51:52
【问题描述】:
我正在尝试使用 WooCommerce API 为我的 Ionic APP 检索产品列表,为此我创建了一个提供程序,其中包含以下内容
import { Injectable } from '@angular/core';
import * as WC from 'woocommerce-api';
@Injectable()
export class WooCommerceProvider {
Woocommerce: any;
WoocommerceV2 : any;
constructor() {
this.Woocommerce = WC({
url: 'https://colorvet.ro/wp-json/wc/v1/products',
consumerKey: 'xxxxxxxxxxxxxxxx',
consumerSecret: 'xxxxxxxxxxxxx',
wpAPI: true, // Enable the WP REST API integration
queryStringAuth: true,
verifySsl: true,
version: 'wc/v2' // WooCommerce WP REST API version
});
}
init(){
return new Promise((resolve, reject) => {
this.Woocommerce;
});
}
}
我已经用我自己的替换了消费者密钥和秘密。以下是我尝试接收产品列表的页面:
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, AlertController } from 'ionic-angular';
import * as WC from 'woocommerce-api';
import { WooCommerceProvider } from '../providers/woo-commerce/woo-commerce';
/**
* Generated class for the ShopPage page.
*
* See http://ionicframework.com/docs/components/#navigation for more info
* on Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-shop',
templateUrl: 'shop.html',
})
export class ShopPage {
produse: any[];
WooCommerce: any;
constructor(public navCtrl: NavController, public navParams: NavParams,
private alertCtrl: AlertController,private wooProvider: WooCommerceProvider ) {
this.WooCommerce = wooProvider.WooCommerce;
this.WooCommerce.getAsync("products").then((searchData) => {
this.produse = JSON.parse(searchData.body).products;
});
}
我收到以下错误:[ts] 无法使用命名空间“WooCommerceProvider”作为类型。
【问题讨论】:
标签: wordpress ionic-framework woocommerce ionic3 woocommerce-rest-api