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/21 08:32] – sasesprogramowanie:angular:start [2024/11/17 19:10] (aktualna) – sases
Linia 1: Linia 1:
 ====== Angular ====== ====== Angular ======
 +Designer online: [[http://proto.io]] \\
 +\\
 \\ \\
  
Linia 45: Linia 47:
 \\ \\
  
-===== Ustawienie polskiej lokalizacji =====+===== Pipes =====
  
-Instalacja pakietu +=== Ustawienie polskiej lokalizacji ===
-<code> +
-npm install @angular/common +
-</code> +
-\\+
  
 Import danych lokalizacyjnych w ''app.module.ts'' Import danych lokalizacyjnych w ''app.module.ts''
-<code> 
-import { registerLocaleData } from '@angular/common'; 
-import localePl from '@angular/common/locales/pl'; 
- 
-registerLocaleData(localePl); 
-</code> 
-\\ 
- 
-Ustawienie lokalizacji w ''providers'' w ''app.module.ts'' 
 <code> <code>
 import { LOCALE_ID } from '@angular/core'; import { LOCALE_ID } from '@angular/core';
- +import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
-@NgModule({ +import { AppModule } from './app/app.module'; 
-  providers: [{ provide: LOCALE_ID, useValue: 'pl-PL' }] +platformBrowserDynamic().bootstrapModule(AppModule, { 
-}) +  providers: [{provide: LOCALE_ID, useValue: 'pl-PL' }] 
-export class AppModule { }+});
 </code> </code>
 \\ \\
-\\ +=== DatePipe ===
- +
-===== Pipes ===== +
-DatePipe+
 <code> <code>
 <p>{{ today | date:'fullDate' }}</p> <p>{{ today | date:'fullDate' }}</p>
 </code> </code>
 \\ \\
-CurrencyPipe+=== CurrencyPipe ===
 <code> <code>
 <p>{{ amount | currency:'USD' }}</p> <p>{{ amount | currency:'USD' }}</p>
 </code> </code>
 \\ \\
-UpperCasePipe+=== UpperCasePipe ===
 <code> <code>
 <p>{{ 'hello world' | uppercase }}</p> <p>{{ 'hello world' | uppercase }}</p>
 </code> </code>
 \\ \\
-LowerCasePipe+=== LowerCasePipe ===
 <code> <code>
 <p>{{ 'HELLO WORLD' | lowercase }}</p> <p>{{ 'HELLO WORLD' | lowercase }}</p>
 </code> </code>
 \\ \\
-DecimalPipe+=== DecimalPipe ===
 <code> <code>
 <p>{{ 1234.5678 | number:'1.2-2' }}</p> <p>{{ 1234.5678 | number:'1.2-2' }}</p>
 </code> </code>
 \\ \\
-PercentPipe+=== PercentPipe ===
 <code> <code>
 <p>{{ 0.1234 | percent }}</p> <p>{{ 0.1234 | percent }}</p>
  • programowanie/angular/start.1729492325.txt.gz
  • ostatnio zmienione: 2024/10/21 08:32
  • przez sases