github/awesome-cordova-plugins
github/awesome-cordova-plugins
2
0
Fork 1
mirror of https://github.com/danielsogl/awesome-cordova-plugins.git synced 2025-03-04 00:13:06 +08:00
Code Issues Projects Releases Wiki Activity

docs(README): Ionic 3 Update / typo (#1441)

Browse Source 
_ Update example import for Ionic 
- Removed Ionic 2.x
- typo
This commit is contained in:
Daniel Sogl 2017-04-30 19:19:55 +02:00 committed by Ibby Hadeed
parent 58ad707dc3
commit 1a682bc3de
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@ -10,7 +10,7 @@ Ionic Native wraps plugin callbacks in a Promise or Observable, providing a comm
## Installation ## Installation
Run following command to install Ionic Native in your project. Run following command to install Ionic Native in your project.
``` ```bash
npm install @ionic-native/core --save npm install @ionic-native/core --save
``` ```
@ -95,13 +95,13 @@ To do this, you need to provide a mock implementation of the plugins you wish to
First import the `Camera` class in your `src/app/app.module.ts` file: First import the `Camera` class in your `src/app/app.module.ts` file:
```ts ```typescript
import { Camera } from '@ionic-native/camera'; import { Camera } from '@ionic-native/camera';
``` ```
Then create a new class that extends the `Camera` class with a mock implementation: Then create a new class that extends the `Camera` class with a mock implementation:
```ts ```typescript
class CameraMock extends Camera { class CameraMock extends Camera {
getPicture(options) { getPicture(options) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
@ -113,7 +113,7 @@ class CameraMock extends Camera {
Finally, override the previous `Camera` class in your `providers` for this module: Finally, override the previous `Camera` class in your `providers` for this module:
```ts ```typescript
providers: [ providers: [
{ provide: Camera, useClass: CameraMock } { provide: Camera, useClass: CameraMock }
] ]
@ -121,8 +121,9 @@ providers: [
Here's the full example: Here's the full example:
```ts ```typescript
import { NgModule, ErrorHandler } from '@angular/core'; import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular'; import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component'; import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home'; import { HomePage } from '../pages/home/home';
@ -143,6 +144,7 @@ class CameraMock extends Camera {
HomePage HomePage
], ],
imports: [ imports: [
BrowserModule,
IonicModule.forRoot(MyApp) IonicModule.forRoot(MyApp)
], ],
bootstrap: [IonicApp], bootstrap: [IonicApp],
@ -169,9 +171,9 @@ Spent way too long diagnosing an issue only to realize a plugin wasn't firing or
## Plugin Missing? ## Plugin Missing?
Let us know or submit a PR! Take a look at [the Developer Guide](https://github.com/driftyco/ionic-native/blob/master/DEVELOPER.md) for more on how to contribute. :heart: Let us know or submit a PR! Take a look at [the Developer Guide](https://github.com/driftyco/ionic-native/blob/master/DEVELOPER.md) for more on how to contribute. :heart:
## Ionic 1/Angular 1 support ## Ionic V1/Angular 1 support
Ionic Native 3.x supports Ionic 2.x and above. For Ionic/Angular 1 support, please use version 2 of Ionic Native. See the [2.x README](https://github.com/driftyco/ionic-native/blob/8cd648db5cddd7bdbe2bd78839b19c620cc8c04c/README.md) for usage information. For Ionic V1/Angular 1 support, please use version 2 of Ionic Native. See the [2.x README](https://github.com/driftyco/ionic-native/blob/8cd648db5cddd7bdbe2bd78839b19c620cc8c04c/README.md) for usage information.
# Credits # Credits