صفحه اصلی

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

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

دانلود

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

درباره ما

تماس با ما

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

محصولات شرکت

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

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

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

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

جستجو در سایت

031-52401690

 

در این بخش نحوه ی استفاده از کتابخانه ی Angular JSو اتصال آن به صفحات HTML را برایتان شرح می دهیم. ابتدا بر روی لینک مقابل کلیک کنید. ( لینک : www.angularjs.org). در صفحه ی باز شده دو گزینه قابل مشاهده است.

 

⦁ View on GitHub : با کلیک کردن روی این مورد شما به GitHub منتقل می شوید و از آنجا می توانید همه ی اسکریپت های جدید را دانلود کنید.

⦁ Download : با کلیک بر روی این مورد شما با صفحه ای مانند شکل زیر مواجه می شوید:

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

برای استفاده از نسخه ی CDN  در فایل HTML خود و در <script> باید آدرس (Source) زیر را وارد کنید: 

https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0- beta.17/angular.min.js

اگر شما از نسخه ی CDN استفاده نکردید و فایل (با پسوند .js ) را به طور مستقیم دانلود کردید آدرس آن را باید در صفحه ی HTML تان قرار دهید مانند تصویر زیر : 

(توجه کنید که آدرس فایل در قسمت src قرار می گیرد. همچنین نام فایل هر چیز دیگری می تواند باشد.)

بیاید یک مثال از Angular JS را ببینیم :

ابتدا یک فایل با پسوند  html. یا htm. بسازید و کد های زیر را در آن بنویسید:

<html>

<head>

<"script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0- beta.17/angular.min.js>

<script/>

<head/>

<"body ng-app="myapp>

<"div ng-controller="HelloController>

 <h2>Welcome {{helloTo.title}} to the world of technology! </h2>

<div/>

<script>

angular.module("myapp", [])
.controller("HelloController", function($scope) {
$scope.helloTo = {};
$scope.helloTo.title = "AngularJS";
});
    

<script/>

<body/>

<html/>

با باز کردن فایل HTML عبارت "!Welcome Angular JS to the world of technology" قابل مشاهد است.

و اما توضیحات مثال بالا :

 

 

اضافه کردن Angular JS به صفحه ی HTML:

<"script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0- beta.17/angular.min.js>

(شما می توانید جدید ترین نسخه ی Angular JS را از وبسایت زسمی آن دانلود کنید)

 

مشخش کردن محل اتصال برنامه ی Angular JS در فایل HTML:

با اضافه کردن دستور ng-app به فایل HTML تان می توانید محل اتصال برنامه ی Angular JS را مشخص کنید. این دستور را می توانید به عنصر html یا body اضافه کنید. مانند مثال زیر:

<"body ng-app="myapp>

<body/>

:View

<"div ng-controller="HelloController>

<h2>Welcome{{helloTo.title}} to the world of technology! </h2>

<div/>

ng-controller به Angular JS می گوید که کدام عملگر از این نوع نمایش استفاده کند. همچنین helloTo.title  به Angular JS می گوید تا مقدار مدل با نام helloTo.title را در این قسمت بنویسد.

 

Controller:

به عبارات زیر توجه کنید:

 

<script>

angular.module("myapp", [])

.controller("HelloController", function($scope) {

$scope.helloTo = {};

$scope.helloTo.title = "AngularJS";

});

</script>

این کد یک تابع کنترل کننده با نام HelloController را در ماژول Angular  با نام  myapp ثبت می کند.

تماس با ما

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

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