https://github.com/shripalsoni04/nativescript-angular-drawer-template

A starter project to quickly create nativescript angular project with drawer pages.
https://github.com/shripalsoni04/nativescript-angular-drawer-template

android angular drawerlayout ios nativescript

Last synced: 4 months ago
JSON representation

A starter project to quickly create nativescript angular project with drawer pages.

• Host: GitHub
• URL: https://github.com/shripalsoni04/nativescript-angular-drawer-template
• Owner: shripalsoni04
• License: mit
• Created: 2016-11-10T15:56:10.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-28T14:34:32.000Z (about 8 years ago)
• Last Synced: 2025-01-30T20:30:43.916Z (4 months ago)
• Topics: android, angular, drawerlayout, ios, nativescript
• Language: TypeScript
• Size: 1.86 MB
• Stars: 46
• Watchers: 9
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nativescript-Angular-Drawer-Template

A starter template to quickly create nativescript angular projects with drawer pages.

## Usage

`tns create my-project-name --template nativescript-angular-drawer-template`

## Preview

### Android

![android-preview](http://ngxp.io/wp-content/product-previews/nativescript-angular-drawer-template/ns-ng-drawer-template-android.gif)

### iOS

![ios-preview](http://ngxp.io/wp-content/product-previews/nativescript-angular-drawer-template/ns-ng-drawer-template-ios.gif)

## How To Change Menu Items

You can change the menu items of drawer from `app/modules/shared/side-drawer-page/side-drawer-page.component.ts` file as shown below:

```

navMenu: any[] = [

    { name: 'Home', commands: ['/'] },

    { name: 'About', commands: ['/about'] },

    { name: 'Contact', commands: ['/contact'] }

];

```

## How To Create New Page

You just need to wrap the content template of the new page inside `` tag as shown below:

```

    

        

    

``` 

You can refer home, contact or about sample modules for reference.