I have a component that uses a controller class and accepts an input parameter through the use of a bindings object. In the controller, I am able to access the parameter after the constructor runs, but I cannot pass it as a constructor parameter.
While working on a plunker (a coding playground), I discovered a potential solution using the $onInit method (as stated in the ui-router documentation).
Is this the correct approach? I hope this information is helpful to someone, and please let me know if there are any ways to improve it.
Here is an example of the controller:
class Controller {
constructor(){
'ngInject';
this.$onInit = function(){ // Comment this
this.problemScopeHere = angular.copy(this.param);
} // Comment this
console.log(this.param);
}
get(){
this.problemScopeHere = this.param;
}
}
And here is an example of the component:
let Component = {
bindings : {
param : "="
},
controller : Controller,
controllerAs: '$ctrl',
templateUrl: 'component.html'
};
let app = angular.module('app', ['ui.router']);
app.component('comp', Component);