قسمت هفتم AngularJS: کنترل‌کننده‌ها در انگولار چگونه است؟

خانه » مقالات اموزشی » javascript » قسمت هفتم AngularJS: کنترل‌کننده‌ها در انگولار چگونه است؟
کنترل کننده ها قسمت هفتم اموزش انگولار جی اس

نویسنده:

مرتضی افضلی

Statistics-rafiki

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

1571

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۳۹۹-۰۲-۲۳

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 مراجعه کنید.

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

مرتضی افضلی

مرتضی افضلی

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

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

دیدگاهتان را بنویسید