class SimpleComponent {
}
var string = 'SimpleComponent';
bootstrapComponents.push(string); // This should be 'SimpleComponent' class and not a string value.
How can I pass class object from a string value in typescript?
-
Can you please explain what you are trying to achieve? Perhaps there is a better way to implement this.Nate May– Nate May2016-11-12 20:08:31 +00:00Commented Nov 12, 2016 at 20:08
-
Where did you use object?Roman C– Roman C2016-11-12 20:46:21 +00:00Commented Nov 12, 2016 at 20:46
-
@RomanC I'm using object in angular bootstrap method... so it will bootstrap thous objects and I'm passing dynamic values in array, which will load thous component, which then will be bootstrap.Basit– Basit2016-11-12 21:46:54 +00:00Commented Nov 12, 2016 at 21:46
-
@NateMay added description on previous commentBasit– Basit2016-11-12 21:48:27 +00:00Commented Nov 12, 2016 at 21:48
-
@Basit yes, this sounds like the angular modular import export system. Angular will only load modules that a required, i.e. the router directs to the component. This was by design and abstracts away the need to manage component bootstrapping.Nate May– Nate May2016-11-12 23:52:04 +00:00Commented Nov 12, 2016 at 23:52
Add a comment
|
2 Answers
add the class name as a key
var classPointer={'SimpleComponent':SimpleComponent};
bootstrapComponents.push(classPointer[string]);
Comments
As far as I know, the modular concept of angular2 isn't to store classes in arrays or objects and push them around, it is to export classes and import them elsewhere. In stead, segment you application into modules and load them via the router. Unused modules and their respective components will only load once they are needed, unless otherwise specified via lazyload.
1 Comment
Basit
1. router is giving issues currently with non-spa app, 2. my solution would load more then one component and freely without in app-root (works better for non-spa).