کنترل کننده ها قسمت هفتم اموزش انگولار جی اس

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

در قسمت هفتم از اموزش انگولار به بررسی کنترل کننده ها خواهیم پرداخت.
پیشنهاد میشود قبل از ورود به قسمت هفتم 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 مراجعه کنید.

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

یاعلی

برچسب ها : angular، angularjs

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