

To allow for customizations, we introduced an additional AppOptions parameter to the platform initialization function that lets you preconfigure certain aspects of your application behavior. That could be problematic for Angular apps since the usual application start up process is hidden inside the platformNativeScriptDynamic black box. NativeScript Application OptionsĪpplication options in NativeScript are configured at the time the application boots. One of our major design goals here is to provide virtually the same interface as the default Angular bootstrap routine, so that people familiar with the web version of Angular get productive with as little friction as possible. platformNativeScriptDynamic().bootstrapModule(AppModule) A NativeScript Angular app needs to make both paradigms work together, so we provide a wrapper platform object, platformNativeScriptDynamic, that sets up a NativeScript application and can bootstrap the Angular framework in a default location on the main UI page. Of course, Angular applications need to take care of their own initialization: modules, components, directives, routes, DI providers.

Angular does not care about any of that - all it needs is a place in the DOM to attach to. The Bootstrap ProcessĪ traditional NativeScript application starts by initializing global objects, setting up global CSS rules, creating, and navigating to the main page.

This article will cover in detail the process of bootstrapping an Angular application.
