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/07 15:40] – sasesprogramowanie:angular:start [2024/11/17 19:10] (aktualna) – sases
Linia 1: Linia 1:
 ====== Angular ====== ====== Angular ======
 +Designer online: [[http://proto.io]] \\
 +\\
 \\ \\
  
Linia 34: Linia 36:
  
 ===== Nowy komponent ===== ===== Nowy komponent =====
- 
  
 <code> <code>
Linia 43: Linia 44:
 ng g c my_component ng g c my_component
 </code> </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.1728308445.txt.gz
  • ostatnio zmienione: 2024/10/07 15:40
  • przez sases