Having trouble importing ViewController into Provider in Ionic 2?

Question

Having trouble importing ViewController into Provider in Ionic 2?

Struggling to figure out how to import my view controller for usage in a provider within Ionic 2.

import { ModalController, ViewController, NavController } from "ionic-angular";

@Injectable()
export class DynamicModal<T extends IHasId> {

    modalOptions: DynamicModalOptions<T>;

    constructor(public modalCtrl: ModalController, public viewCtrl: ViewController)

Attempting it this way triggers the following error message:

No provider for ViewController

While View Controllers work seamlessly when injected into pages, I am looking to centralize creation and dismissal logic to avoid duplicating it every time I use that modal.

Any suggestions on how to inject a view controller into a modal?

javascript angular typescript ionic2

Answer 1

Answer №1

To avoid injecting the view controller, you can add it to your modal options:

export class DynamicModalOptions<T extends IHasId>
{
    entity: T;
    //other properties
    viewCtrl: ViewController;
}

When dismissing, simply access the view controller from your options:

close() {
    this.modalOptions.viewCtrl.dismiss();
    this.modalOptions = null;
}

Remember to clear your modal options in your provider to prevent them from being injected again next time.

Answer 2

To avoid injecting the view controller, you can add it to your modal options:

export class DynamicModalOptions<T extends IHasId>
{
    entity: T;
    //other properties
    viewCtrl: ViewController;
}

When dismissing, simply access the view controller from your options:

close() {
    this.modalOptions.viewCtrl.dismiss();
    this.modalOptions = null;
}

Remember to clear your modal options in your provider to prevent them from being injected again next time.

Answer 3

Answer №2

There is no requirement to declare it within the app.module.ts file; you simply need to import and declare it in the class constructor:

import { ViewController } from "ionic-native";

export class DynamicModal<T extends IHasId> {
  constructor(private viewCtrl: ViewController) {}
}

Answer 4

There is no requirement to declare it within the app.module.ts file; you simply need to import and declare it in the class constructor:

import { ViewController } from "ionic-native";

export class DynamicModal<T extends IHasId> {
  constructor(private viewCtrl: ViewController) {}
}

Having trouble importing ViewController into Provider in Ionic 2?

Answer №1

Answer №2

Similar questions

Download CSV file directly in Internet Explorer 10 by choosing to open the file instead of saving it on your device

Production environment experiencing issues with FCM service worker functionality

Steps for iterating through an object and using an if statement to verify a property's value

What is the best way to overlook content-encoding?

Are you in need of an IDE for Javascript, CSS, HTML, or Java

AngularJS faces issue with view not reflecting changes made to model

Error alert: Unable to find the specified word

In JavaScript programming, the function is always executed after the bottom code

Access a website from a different domain and include JavaScript code dynamically

Error encountered when retrieving data with Django and Ajax

Creating a new version of an existing method found within a component in a Vue store.js file

Error: Attempting to access the 'pipe' property of an object that is undefined in the context of Jasmine and Angular

Using Selenium with Java to extract a value from an input text field that is disabled

Switching images using jQuery

Is there a way to direct the user's cursor to a specific location on the page when they hover over an image?

Adding an item to a sleek carousel

The optional chaining feature seems to be malfunctioning as it is unable to access the property '0' of an undefined value

Enter key not activating keycode trigger as expected

MatTableDataSource failing to showcase remote dataSource in mat-table component

Is there a way to use an Angular $watch to determine the specific changes made to $scope.value?