programowanie:angular:start [wiki.sases.pl]

Ta strona jest tylko do odczytu. Możesz wyświetlić źródła tej strony ale nie możesz ich zmienić.
====== 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
<code>
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
</code>
w konsoli powinno wyeliminować problem. \\
\\
Angular instalujemy następującym poleceniem w konsoli:
<code>
npm install -g @angular/cli
</code>
\\
\\

===== Nowy projekt =====
  * Utworzenie projektu
<code>
ng new project_name
</code>
\\

  * Uruchomienie serwera deweloperskiego
W folderze głównym projektu:
<code>
npm start
</code>
\\
\\

===== Nowy komponent =====

<code>
ng generate component my_component
</code>
lub wersja skrócona:
<code>
ng g c my_component
</code>
\\
\\

===== Pipes =====

=== Ustawienie polskiej lokalizacji ===

Import danych lokalizacyjnych w ''app.module.ts''
<code>
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' }]
});
</code>
\\
=== DatePipe ===
<code>
<p>{{ today | date:'fullDate' }}</p>
</code>
\\
=== CurrencyPipe ===
<code>
<p>{{ amount | currency:'USD' }}</p>
</code>
\\
=== UpperCasePipe ===
<code>
<p>{{ 'hello world' | uppercase }}</p>
</code>
\\
=== LowerCasePipe ===
<code>
<p>{{ 'HELLO WORLD' | lowercase }}</p>
</code>
\\
=== DecimalPipe ===
<code>
<p>{{ 1234.5678 | number:'1.2-2' }}</p>
</code>
\\
=== PercentPipe ===
<code>
<p>{{ 0.1234 | percent }}</p>
</code>
\\