How to use new LoadingController


Hi, I’m looking for the Loading API document (I think the old url is but it’s not there anymore.
Now I see the new LoadingController ( but it’s not exist in ionic beta 10. So how can I use the new LoadingController ?



I’m running into the same problem.


Here’s the API docs link for Beta10


Just pointing out that the link to the new Loading Controller is for the upcoming release, not the stable beta 10 release. Use the link @rajpatangay posted :point_up:


Thanks, I hope that loadingcontroller will release soon.


I continue with this problem, someone managed to solve?


problem resolved:


You have to use the Loading component using its own controller i.e. LoadingController.

import { LoadingController } from 'ionic-angular';

constructor(private loadingCtrl: LoadingController) {}

let loading = this.loadingCtrl.create({
    content: 'Please wait...'

As from beta-11 changes are made with overlay components. They will be initialized using their own overlay controller.
From beta-11 the overlay components i.e. alert, modal, loading and popover having their own controller and now they are separated from NavController. So there is no need of navController instance to create overlay components.

Check out the CHANGELOG of BREAKING CHANGES for overlay components in beta-11


My package.json
{"@angular/common": “2.0.0-rc.3”,
"@angular/compiler": “2.0.0-rc.3”,
"@angular/core": “2.0.0-rc.3”,
"@angular/http": “2.0.0-rc.3”,
"@angular/platform-browser": “2.0.0-rc.3”,
"@angular/platform-browser-dynamic": “2.0.0-rc.3”,
"@types/google-maps": “^3.1.28”,
“es6-shim”: “^0.35.0”,
“ionic-angular”: “2.0.0-beta.10”,
“ionic-native”: “1.2.4”,
“ionicons”: “3.0.0”,
“reflect-metadata”: “^0.1.3”,
“rxjs”: “5.0.0-beta.6”,
“zone.js”: “^0.6.12”}

why still i can not import LoadController FROM IONIC-ANGULAR


it should be LoadingController
import { LoadingController } from ‘ionic-angular’;
check the link of docs

if this does not work please update ionic to latest version as it seems you are using 2.0.0-beta.10[quote=“vks_gautam1, post:9, topic:57206”]
“ionic-angular”: “2.0.0-beta.10”,


thnks i worked on beta10 version. because updating of newer version created lot of error in my existing project


Its working in my project which is in rc3
btw you should consider updating as plenty of changes has been done to make ionic2 better. please refer to the changelog


thanks .i tried to update NPM but it is not showing any effect.
i am using visual studio 2015. version of node and npm is
node -v

npm -v

“dependencies”: {
@angular/common”: “2.0.0-rc.3”,
@angular/compiler”: “2.0.0-rc.3”,
@angular/core”: “2.0.0-rc.3”,
@angular/platform-browser”: “2.0.0-rc.3”,
@angular/platform-browser-dynamic”: “2.0.0-rc.3”,
@angular/http”: “2.0.0-rc.3”,
“es6-shim”: “^0.35.0”,
“ionic-angular”: “2.0.0-beta.10”,
“ionic-native”: “^1.2.4”,
“ionicons”: “3.0.0”,
“reflect-metadata”: “^0.1.3”,
“rxjs”: “5.0.0-beta.6”,
“zone.js”: “^0.6.12”


YOU ARE THE BEST!!! I can solve my problem with this