Starting with the application routing however, there are a few fundamental changes. How to setup and use routing in Titanium Angular will be described in detail here. If you haven't dealt with routing in Angular before, the Routing & Navigation guide is a great read.
The Angular template was recently updated and now already contains a routing setup. The steps described here are now already built-in into the default Angular template and not required anymore. You can still read through this page for additional information about routing and the reasoning behind the implementation details.
Setting up routing
If you followed our Titanium Angular Getting Started Guide and Titanium Angular Basics guides you noticed that until now everything revolved around the
app.component.html. Let's change that and move to multiple components and setup the routing for those.
app/src/app/app.component.ts and copy its content to
src/app/src/intro.component.ts. Do the same for
app/src/app/app.component.html and copy it over to
intro.component.ts again and change the component name and its template to reflect those recent changes.
Now that routing is in place, it is time to add a new component and navigate to it using the Angular Router. Create
src/app/src/home.component.ts and paste the following code.