# Ionic call number

**URL:** <https://forum.ionicframework.com/t/ionic-call-number/97769>\
**Category:** cordova\
**Created:** [July 11, 2017, 5:18pm UTC](https://forum.ionicframework.com/t/ionic-call-number/97769 "2017-07-11T17:18:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kongupradeep](https://avatars.discourse-cdn.com/v4/letter/k/9de0a6/32.png) [@kongupradeep](https://forum.ionicframework.com/u/kongupradeep)\
**Post date:** [July 11, 2017, 5:18pm UTC](https://forum.ionicframework.com/t/ionic-call-number/97769/1 "2017-07-11T17:18:01Z")

</div>

call(){  
CallNumber.callNumber(“321”, true)  
.then(() =\> console.log(‘Launched dialer!’))  
.catch(() =\> console.log(‘Error launching dialer’));  
}

this is my code. but not launching the dailer

---

<div class="post-metadata">

**Author:** ![giogiojs](https://avatars.discourse-cdn.com/v4/letter/g/bc79bd/32.png) [@giogiojs](https://forum.ionicframework.com/u/giogiojs)\
**Post date:** [July 11, 2017, 5:27pm UTC](https://forum.ionicframework.com/t/ionic-call-number/97769/2 "2017-07-11T17:27:28Z")

</div>

1.- Add this plugin to your app’s module?  
2.- real run devices platform ios/ android , no web  
3.- Usage

```auto
import { CallNumber } from '@ionic-native/call-number';

constructor(private callNumber: CallNumber) { }

...
call(){
   this.callNumber.callNumber("18001010101", true)
     .then(() => console.log('Launched dialer!'))
     .catch(() => console.log('Error launching dialer'));
}

```

```auto
<button ion-button color="light" outline (click)="call()">Light Outline</button>

```

---

<div class="post-metadata">

**Author:** ![kongupradeep](https://avatars.discourse-cdn.com/v4/letter/k/9de0a6/32.png) [@kongupradeep](https://forum.ionicframework.com/u/kongupradeep)\
**Post date:** [July 11, 2017, 5:35pm UTC](https://forum.ionicframework.com/t/ionic-call-number/97769/3 "2017-07-11T17:35:40Z")

</div>

> [@giogiojs](#):
>
> private callNumber: CallNumber

import { NgModule, ErrorHandler } from ‘@angular/core’;  
import { BrowserModule } from ‘@angular/platform-browser’;  
import { IonicApp, IonicModule, IonicErrorHandler } from ‘ionic-angular’;  
import { MyApp } from ‘./app.component’;

import { AboutPage } from ‘…/pages/about/about’;  
import { ContactPage } from ‘…/pages/contact/contact’;  
import { HomePage } from ‘…/pages/home/home’;  
import { TabsPage } from ‘…/pages/tabs/tabs’;

import { StatusBar } from ‘@ionic-native/status-bar’;  
import { SplashScreen } from ‘@ionic-native/splash-screen’;  
import { CallNumber } from ‘@ionic-native/call-number’;  
import { Contacts } from ‘@ionic-native/contacts’;

@NgModule({  
declarations: [  
MyApp,  
AboutPage,  
ContactPage,  
HomePage,  
TabsPage  
],  
imports: [  
BrowserModule,  
IonicModule.forRoot(MyApp)  
],  
bootstrap: [IonicApp],  
entryComponents: [  
MyApp,  
AboutPage,  
ContactPage,  
HomePage,  
TabsPage  
],  
providers: [  
StatusBar,  
SplashScreen,  
CallNumber,  
Contacts,  
{provide: ErrorHandler, useClass: IonicErrorHandler}  
]  
})  
export class AppModule {}

i already added