Basic app - EGuillemot/Angular-test GitHub Wiki

Requirement

Install node

Basic app

Create an app

Where you want to create your app's folder :
ng new test : 'Yes' to Angular routing, choose Scss

Start the app and open in browser

In your app's folder : ng serve -o

Add Angular Material

npm install @angular/material @angular/cdk @angular/animations

In src/app/app.module.ts, add :

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
  ...
  imports: [BrowserAnimationsModule],
  ...
})
export class AppModule { }

Add gesture support

npm install --save hammerjs

In src/main.ts, add :

import 'hammerjs';

Import component modules

In src/app, ng g module shared

In src/app/shared/shared.module.ts, add the exports array

In src/app/app.module.ts, add :

import { SharedModule } from './shared/shared.module';
@NgModule({
  ...
  imports: [SharedModule],
  ...
})
export class AppModule { }

Use Angular Material's font

In src/index.html, add :

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
...
<body class="mat-typography">
  ...
</body>

Add Material icon

In src/index.html, add :

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
⚠️ **GitHub.com Fallback** ⚠️