Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
کنترل کننده ها قسمت هفتم اموزش انگولار جی اس

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

1571

Calendar-amico (2)

تاریخ انتشار:

2 , بهمن , 1397

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

در قسمت هفتم از آموزش انگولار به بررسی کنترل‌کننده‌ها خواهیم پرداخت.
پیشنهاد می‌شود قبل از ورود به قسمت هفتم angularjs سایر قسمت‌های دوره‌ی angularjs را مطالعه فرمایید.

کنترل‌کننده‌ها

کنترل‌کننده AngularJS اطلاعات مربوط به برنامه‌های AngularJS را کنترل می‌کنند.
کنترل‌کننده‌های AngularJS به‌طور منظمشی های جاوا اسکریپت هستند.

برنامه‌های AngularJS توسط کنترل‌کننده‌ها کنترل می‌شوند.
دستورالعمل ng-controller کنترل‌کننده برنامه را تعریف می‌کند.
یک کنترل‌کننده یک شیء جاوا اسکریپت است، ایجادشده توسط یک سازنده شیء استاندارد جاوا اسکریپت.

توضیحات برنامه‌ها

برنامه AngularJS توسط ng-app = “myApp” تعریف‌شده است. برنامه در داخل اجرا می‌شود.
ویژگی ng-controller = “myCtrl” یک دستور AngularJS است. این کنترل‌کننده را تعریف می‌کند.
تابع myCtrl یک تابع جاوا اسکریپت است.
AngularJS از یک کنترل‌کننده با یک شیء $scope استفاده می‌کند.
در AngularJS، $scope شی‌ء برنامه (مالک متغیرها و توابع کاربردی) است.
کنترل‌کننده دو ویژگی (متغیر) را در دامنه (firstName and LastName) ایجاد می‌کند.
دستورالعمل‌های ng-model زمینه‌های ورودی را به خواص کنترل‌کننده (firstName and lastName) متصل می‌کند.

روش‌های کنترل

مثال بالا یک شیء کنترل‌کننده با دو ویژگی: lastName و firstName را نشان داد.
کنترل‌کننده همچنین می‌تواند روش‌ها (متغیرها به‌عنوان توابع) داشته باشد:

کنترل‌کننده‌ها در فایل‌های خارجی

در برنامه‌های بزرگ‌تر، کنترلرها در فایل‌های خارجی معمول است.
محتویات داخل تگ < script > را داخل یک فایل خارجی به نام personContriller.js کپی کنید.

مثالی دیگر درباره کنترل‌کننده در فایل‌های خارجی

برای مثال بعدی، یک فایل کنترل جدید ایجاد خواهیم کرد:

کد بالا را در فایلی به نام namesController.js سیو کنید.
و سپس از فایل کنترل‌کننده د ر یک برنامه استفاده کنید:

ممنون که تا انتهای این آموزش هم همراه ما بودید برای فراگیری بیشتر می‌توانید به سایت w3schools مراجعه کنید.

امیدوارم که این آموزش‌ها براتان مفید باشند.

مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

0 پاسخ به "قسمت هفتم AngularJS: کنترل‌کننده‌ها در انگولار چگونه است؟"

ارسال یک پیام

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *