آموزش انگولار-مراجع
دستورات انگولار
دستورات انگولار به کار رفته در این سری آموزش ها:
دستور | توضیحات | شرح در |
---|---|---|
ng-app |
عنصر ریشه ی اپلیکیشن را تعریف می کند. |
دستورات |
ng-bind |
innerHTML عناصر اچ تی ام ال را به داده های اپلیکیشن پیوند می دهد. |
مقدمه |
ng-click |
مشخص می کند به هنگام کلیک بر روی یک عنصر چه کاری باید انجام شود. |
رویداد های اچ تی ام ال |
ng-controller |
شیء کنترلر را برای یک اپلیکیشن مشخص می کند. |
کنترلرها |
ng-disabled |
داده های اپلیکیشن را به خصوصیت اچ تی ام ال disabled پیوند می دهد. |
HTML DOM |
ng-hide |
عناصر اچ تی ام ال را محو می کند یا نمایش می دهد. |
HTML DOM |
ng-include |
اچ تی ام ال را به یک اپلیکیشن اضافه می کند. |
Includes |
ng-init |
مقادیر اولیه را برای یک اپلیکیشن تعریف می کند. |
دستورات |
ng-model |
مقدار کنترل های اچ تی ام ال را به داده های اپلیکیشن پیوند می دهد. |
دستورات |
ng-repeat |
برای هر داده در یک مجموعه، یک قالب را تعریف می کند. |
دستورات |
ng-show |
عناصر را نمایش می دهد یا مخفی می کند. |
HTML DOM |
فیلترهای انگولار
فیلترهای انگولار به کار رفته در این سری آموزش ها:
فیلتر | توضیحات |
---|---|
currency |
یک عدد را به فرمت ارز(پول جاری) در می آورد. |
filter |
یک زیرمجموعه از آیتم های یک آرایه را می گیرد. |
lowercase |
یک رشته را به حروف کوچک درمی آورد. |
orderBy |
به وسیله ی یک عبارت، یک آرایه را فرمت می کند. |
uppercase |
یک رشته را به حروف بزرگ در می آورد. |
فیلتر ها در مقاله ی فیلترهای انگولار توضیح داده شده اند.
رویداد های انگولار
انگولار از رویداد های زیر پشتیبانی می کند:
- ng-click
- ng-dbl-click
- ng-mousedown
- ng-mouseenter
- ng-mouseleave
- ng-mousemove
- ng-keydown
- ng-keyup
- ng-keypress
- ng-change
رویداد ها در مقاله ی رویداد های انگولار آموزش داده شده اند.
اعتبار سنجی خصوصیات انگولار
- dirty$
- invalid$
- error$
اعتبار سنجی در مقاله ی اعتبار سنجی انگولا آموزش داده شده است.
API سراسری انگولار
تبدیل
API | توضیحات |
---|---|
()angular.lowercase |
تبدیل یک رشته به حروف کوچک |
()angular.uppercase |
تبدیل یک رشته به حروف بزرگ |
()angular.copy |
یک کپی عمیق از یک شیء یا یک آرایه ایجاد می کند. |
()angular.forEach |
یک تابع را برای هر عنصر درون یک شیء یا آرایه اجرا می کند. |
مقایسه کردن
API | توضیحات |
---|---|
()angular.isArray |
در صورتی که مرجع یک آرایه باشد، true را برمی گرداند. |
()angular.isDate |
در صورتی که مرجع یک تاریخ باشد، true را برمی گرداند. |
()angular.isDefined |
در صورتی که مرجع تعریف شده باشد، true را برمی گرداند. |
()angular.isElement |
در صورتی که مرجع یک عنصر DOM باشد true را برمی گرداند. |
()angular.isFunction |
در صورتی که مرجع یک تابع باشد، true را برمی گرداند. |
()angular.isNumber |
در صورتی که مرجع یک عدد باشد، true را برمی گرداند. |
()angular.isObject |
در صورتی که مرجع یک شیء باشد، true را برمی گرداند. |
()angular.isString |
در صورتی که مرجع یک رشته باشد، true را برمی گرداند. |
()angular.isUndefined |
در صورتی که مرجع تعریف نشده باشد، true را برمی گرداند. |
()angular.equals |
در صورتی که دو مرجع برابر باشند، true را برمی گرداند. |
JSON
API | توضیحات |
---|---|
()angular.fromJSON |
نامرتب کردن یک رشته ی JSON |
()angular.toJSON | مرتب کردن یک رشته ی JSON |
پایه
API | توضیحات |
---|---|
()angular.bootstrap |
اجرای انگولار به صورت دستی. |
()angular.element |
یک عنصر اچ تی ام ال را مانند یک عنصر جی کوئری بسته بندی می کند. |
()angular.module |
یک ماژول انگولار را ایجاد، یا ثبت یا بازیابی می کند. |
API سراسری در مقاله ی API انگولار آموزش داده شده است.
- نوشته شده توسط احسان عباسی
- بازدید: 7876
دیدگاهها
سلام وقتتون بخیر
ببخشید بین "آنگولار" و "آنگولار جی اس" تفاوت هست؟
سلام
AngularJs نسخه قدیمی و در واقع نسخه ۱ انگولار هستش که میشه گفت منسوخ شده و به طور پیشفرض با زبان Javascript کار میکند اما Angular نسخه جدید هستش که بعد از نسخه دوم با این نام میشناسنش و پیشفرض با Typescript کار میکنه و به طور کلی عوض شده.
خیلی خیلی ممنون از بابت آموزش های خوبتون
اگر ممکنه آموزش node.js رو هم ترجمه اش رو بزارید
ممنون:))))))))) ))