In corporating ngCordova plugins

In order to incorporate the Toastr ngCordova plugin… I followed the following steps

  1. bower install ngCordova

  2. include ngCordova in my app

    angular.module(‘app’, [‘ionic’, ‘ngCordova’])

  3. Install plugin

    cordova plugin add

  4. Use the plugin

    app.controller(‘myController’, function($cordovaToast) {


This seems pretty straight forward. However I encounter the following errors:

ionic.bundle.js:21157 TypeError: Cannot read property 'toast' of undefined
    at (http://localhost:8100/lib/ngCordova/dist/ng-cordova.min.js:9:20474)

I am running the app in chrome browser.

What am I missing here ?

Are you using ionic serve to run the app? This won’t work as there are no Cordova and Cordova plugins loaded and available for you to execute - that’s why you get this error message.

You should try to run it on a Android or iOS emulator or device.

Will this work in ionic view?

Only when the plugin is included in this list of supported plugins: