Cheatography
https://cheatography.com
Angular cheat sheet and most commands
This is a draft cheat sheet. It is a work in progress and is not finished yet.
New setup
npm uninstall -g @angular/cli cache clean |
Clean any previous cache |
حذف أي كاش موجود مسبقاً قبل مرحلة التثبيت |
npm install -g @angular/cli |
Install latest version |
تثبيت آخر إصدار من أنجولار |
ng -v |
Check your CLI version |
معرفة إصدار السي إل آي الخاصة بجهازك |
ng doc (component) |
Open Angular documentation |
فتح ادوكمنتيشين أنجولار مباشرة |
|
Main Commands
Command |
Shortcut |
Description |
Arabic Description |
ng new |
ng new <project-name> |
Create new project |
إنشاء مشروع جديد |
ng serve |
ng s |
Compile and run server |
تشغيل المشروع على سيرفر محلي |
ng serve -o |
ng s -o |
Compile and open the browser |
تشغيل المشروع وفتح السيرفر على المتصفح |
ng build |
ng b |
build for deployment |
بناء المشروع لمرحلة البرودكشن |
ng test |
|
Test files |
عمل إختبار او تيست للملف |
ng lint |
ng l --fix |
Run liniting And apply fixes for linting errors. |
تشغيل لينت لتحقق من أخطاء الكود وإصلاحها |
ng update |
|
identify dependencies to update |
عمل تحديث لاعتمادات انجولار |
ng generate component |
ng g c <component name> |
Generate new component |
لإنشاء كومبوننت جديد |
ng generate service |
ng g s <service name> |
Generate new service |
لإنشاء سيرفيس جديدة |
ng generate pipe |
ng g p <pipe name> |
ng generate interface |
ng g i <interface name> |
ng generate module |
ng g m<module name> |
ng generate class |
ng g class<class name> |
|
Structural Directives
*ngIf |
For Using JS conditions inside HTML element |
لاستخدام حالة شرطية داخل كود الإتش تي إم إل |
<div *ngIf="hero" >{{hero.name}}</div>
|
*ngFor |
Iteration the HTML element |
إستخدام التكرار لعنصر الإتش تي إم إل |
<tr *ngFor="let f of flights"> <td>{{f.id}}</td> </tr>
` |
*ngSwitch |
|
Definitions
Definition of |
Description |
Arabic |
Example |
Pipes |
Functions that format data for use in a template |
مساعدات (وظائف جاهزة أو نقوم ببرمجتها) لمعالجة البيانات داخل قالب العرض |
<p>{{ 'Angular' | uppercase }}</p>
|
|
