صفحه اصلی

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

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

دانلود

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

درباره ما

تماس با ما

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

محصولات شرکت

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

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

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

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

جستجو در سایت

031-52401690
 در Angular JS با استفاده از کنترل http$  می توان داده ها ی سرور را خواند. سرور برای دریافت داده ها مورد نظر یک تماس با پایگاه داده برقرار می کند. Angular JS به داده هایی در فرمت JSON نیاز دارد. هنگامی که داده ها آماده باشد http$ داده ها را از سرور می گیرد.
به دستورات زیر توجه کنید : 
 

function studentController($scope,$http) {
var url="data.txt";
$http.get(url).success( function(response) {
$scope.students = response;
});

  
در اینجا فایل data.txt حاوی اطلاعات دانش آموزان است. سرویس $http یک تماس برقرار می کند و اطلاعات دانش آموزان را می گیرد.
 
فایل data.txt : 
 
این فایل شامل کدهای زیر است :
 
[ {
"Name" : "Mahesh Parashar",
"RollNo" : 101,
"Percentage" : "80%"
},
{
"Name" : "Dinkar Kad",
"RollNo" : 201,
"Percentage" : "70%"
},
{
"Name" : "Robert",
"RollNo" : 191,
"Percentage" : "75%"
},
{
"Name" : "Julian Joe",
"RollNo" : 111,
"Percentage" : "77%"
} ]
 
فایل testAngularJS.htm :
 
 
<html>
<head>
<title>Angular JS Includes</title>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f2f2f2;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body>
<h2>AngularJS Sample Application</h2>
<div ng-app="" ng-controller="studentController">
<table>
<tr>
<th>Name</th>
<th>Roll No</th>
<th>Percentage</th>
</tr>
<tr ng-repeat="student in students">
<td>{{ student.Name }}</td>
<td>{{ student.RollNo }}</td>
<td>{{ student.Percentage }}</td>
</tr>
</table>
</div>
<script>
function studentController($scope,$http) {
var url="data.txt";
$http.get(url).success( function(response) {
$scope.students = response;
});
}
</script>
<script
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js">
</script>
</body>
</html>
 
 
توضیح موارد بالا: 
 
برای اجرای مثال بالا، ابتدا فایل ها data.txt و testAngularJS.htm را بر روی سرور قرار می دهیم. سپس فایل testAngularJS.htm را با استفاده از URL سرورتان بازکنید و نتیجه را ببینید.
 
خروجی مثال بالا : 
 
 
 
 

 

تماس با ما

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

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