Angular
Designer online: http://proto.io
Instalacja
Angular wymaga Node.js: https://nodejs.org/en/download/prebuilt-installer/current
Uruchamiając npm na Windows otrzymamy błąd: npm : File C:\Program Files\nodejs\npm.ps1 cannot be loaded because running scripts is disabled on this system.
Uruchomienie polecenia
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
w konsoli powinno wyeliminować problem.
Angular instalujemy następującym poleceniem w konsoli:
npm install -g @angular/cli
Nowy projekt
- Utworzenie projektu
ng new project_name
- Uruchomienie serwera deweloperskiego
W folderze głównym projektu:
npm start
Nowy komponent
ng generate component my_component
lub wersja skrócona:
ng g c my_component
Pipes
Ustawienie polskiej lokalizacji
Import danych lokalizacyjnych w app.module.ts
import { LOCALE_ID } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
platformBrowserDynamic().bootstrapModule(AppModule, {
providers: [{provide: LOCALE_ID, useValue: 'pl-PL' }]
});
DatePipe
<p>{{ today | date:'fullDate' }}</p>
CurrencyPipe
<p>{{ amount | currency:'USD' }}</p>
UpperCasePipe
<p>{{ 'hello world' | uppercase }}</p>
LowerCasePipe
<p>{{ 'HELLO WORLD' | lowercase }}</p>
DecimalPipe
<p>{{ 1234.5678 | number:'1.2-2' }}</p>
PercentPipe
<p>{{ 0.1234 | percent }}</p>