فعال نمودن AngularJS در برنامه

برای فعال کردن angular درون  برنامه، باید در ابتدا فایل کتابخانه angularjs را بار گزاری کنیم. این کار هم مانند سایر کتابخانه های جاوا اسکریپتی مثل jQuery و … است. کافی است تگ زیر را در قسمت head صفحه وب قرار بدهید (شما می تونید مثل تگ زیر از نسخه CDN فایل  angularJs استفاده کنید یا خودتون فایل را دانلود کنید و درون یک فولدر از برنامه خود  قرار بدهید که مسلما باید مسیر فایل را درون تگ زیر تغییر بدهید ).

<script>

<“src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js”>

script/>

 

توضیح اینکه معمولا فایل کتابخانه های جاواسکریپت در 2 حالت نرمال و مینیفاید (minified) شده هستند. توی نسخه مینیفاید تمامی فاصله ها و فضاهای اضافی و … حذف شده و حجم فایل پایین اومده. به خاطر اینکه زودتر توسط مرورگرها بارگزاری بشوند و شاهد بارگزاری سریعتر یک صفحه وب باشیم. معمولا نسخه های مینیفاید دارای پسوند (min) توی اسامی خود هستند.

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

 

بعد از بارگزاری فایل کتابخانه angular شما باید با استفاده از رهنمود (ng-app) آن قسمتی از صفحه را که میخواهید با استفاده از angular مدیریت کنید، مشخص کنید. به طور مثال درون برنامه Hello World ، ما مشخص کردیم که کل صفحه html توسط angular مدیریت بشود.

<html ng-app>

<html/>

 

اگر میخواهید به طور مثال فقط یه div توسط angular مدیریت شود، کافی است  رهنمود ng-app را درون آن  div مشخص کنید.

<div ng-app>

<div/>

اسکرول به بالا