O'Reilly logo

NativeScript for Angular Mobile Development by Nathanael J. Anderson, Nathan Walker

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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', ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required