Różnice

Różnice między wybraną wersją a wersją aktualną.

--- programowanie:angular:start [2024/10/06 16:49] – sases
+++ programowanie:angular:start [2024/11/17 19:10] (aktualna) – sases
@@ Linia 1: / Linia 1: @@
 ====== 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>
+\\
 \\
@@ Linia 18: / Linia 36: @@
 ===== Nowy komponent =====
 <code>
@@ Linia 27: / Linia 44: @@
 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>
+\\