programowanie:angular:start

Różnice

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

Odnośnik do tego porównania

Poprzednia rewizja po obu stronach Poprzednia wersja
Nowa wersja		 Poprzednia wersja
programowanie:angular:start [2024/10/06 15:02] – sasesprogramowanie:angular:start [2024/11/17 19:10] (aktualna) – sases
Linia 1: Linia 1:
 ====== Angular ====== ====== 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 14: Linia 32:
 npm start npm start
 </code> </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>
 +\\
  
  • programowanie/angular/start.1728219730.txt.gz
  • ostatnio zmienione: 2024/10/06 15:02
  • przez sases