Creating MixerModule

This module really won't be anything new, as it will serve as a relocation of what was previously our root component's view. However, it will introduce an extra nicety: the ability to define its own inner routes.

Create app/modules/mixer/components/mixer.component.html and paste the contents from where we had cut from the  app.component.html:

<ActionBar title="TNSStudio" class="action-bar"></ActionBar><GridLayout rows="*, 100" columns="*" class="page">    <track-list row="0" col="0"></track-list>    <player-controls row="1" col="0"></player-controls></GridLayout>

Then create a matching app/modules/mixer/components/mixer.component.ts:

import { Component } from '@angular/core';@Component({   moduleId: module.id,  selector: 'mixer', ...

Get NativeScript for Angular Mobile Development now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.