صفحه اصلی

محصولات و خدمات

راهنمای مشتریان

دانلود

امور نمایندگی

درباره ما

تماس با ما

فیش حقوق اینترنتی

محصولات شرکت

لیست سفارشات من

بوستان نرم افزاری نو با ایده های متفاوت

شرکت میهن رایان ارائه دهنده ی خدمات با کیفیت نرم افزاری در سطح کشور.

سخن مدیر عامل
ثبت نام کاربران

جستجو در سایت

031-52401690
 Angular JS با تکیه کردن بر کنترل کننده ها داده ها را کنترل می کند. کنترل کننده ها با عبارت ng-controller تعریف می شوند. کنترل کننده یک شی JavaScript می باشد که شامل خصوصیات ، صفات و حتی توابع می شود. هر کترل کننده دارای پارامتری به نام scope$ می باشد که به برنامه یا ماژولی که کنترل کننده آنرا کنترل می کند ارجاع داده می شود.
 
و اما ساختار کلی آن : 
 

<div ng-app="" ng-controller="studentController">
...
</div>

 
در اینجا ما یک کنترل کننده با نام StudentColtroller را به کمک دستور ng-controller تعریف می کنیم:
 

<script>
function studentController($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
</script> 

 
توضیحات مثال قبل را ببینیید : 
  • Studentcontroller به عنوان یک شی JavaScript بوسیله scope$ تعریف شده است.
  • scope$ به برنامه ای که ازStudentcontroller استفاده می کند،ارجاع داده می شود.
  • scope.student$ یک خاصیت برای شی Studentcontroller است.
  • نام و نام خانوادگی دو خاصیت برای شی scope.student$ می باشند.
  • خاصیت fullName نام کامل شخص را بر می گرداند.
  • همچنین ما می توانیم شی کنترل کننده را در یک فایل جاوا اسکریپت ( فایل با پسوند js.) قرار دهیم و سپس آن را به صفحه ی HTML اضافه کنیم.
 حال با استفاده از ng-model داریم :
 
<Enter first name: <input type="text" ng-model="student.firstName"><br>
<Enter last name: <input type="text" ng-model="student.lastName"><br><br>
You are entering: {{student.fullName()}}  
 
توضیحات :  
  • با استفاده از ورودی ها ، student.firstName و student.lastName را محصور کردیم.
  • student.fullName را برای نمایش نام کامل شخص قرار دادیم.
  • هر وقت شما نام و نام خانوادگی را در قسمت های ورودی قرار دهیم ، نام کامل را دریافت خواهید کرد.

مثال زیر نحوه استفاده از مطالب بالا را به صورت یکجا ارئه می دهد :

 

<html>

<head>

<title>Angular JS Controller</title>

</head>

<body>

<h2>AngularJS Sample Application</h2>

<div ng-app="" ng-controller="studentController">

Enter first name: <input type="text" ng-model="student.firstName"><br><br>

Enter last name: <input type="text" ng-model="student.lastName"><br>

<br>

You are entering: {{student.fullName()}}

</div>

<script>

function studentController($scope) {

$scope.student = {

firstName: "Mihan",

lastName: "Rayan",

fullName: function() {

var studentObject;

studentObject = $scope.student;

return studentObject.firstName + " " + studentObject.lastName;

}

};

}

</script>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">

</script>

</body>

</html>

 

خروجی مثال بالا :

 

 

تماس با ما

اطلاعات آدرس
ایران - اصفهان- مبارکه- خیابان بسیج شمالی- جنب داروخانه شبانه روزی دکتر کریمیان
031-52401610 ___031-52401690- info@mihanrayan.ir
03191011610 (10 خط همزمان)

این شرکت آماده ارائه خدمات خود در زمینه نصب و استقرار نرم افزارهای فوق و نصب و راه انداری شبکه و کلیه خدمات می باشد جهت خرید و پشتیبانی با ما تماس با ما.