مقدمه انگولار

AngularJS چارچوب جاوا اسکریپت است.کدها را می توان به یک صفحه HTML با برچسب <script> اضافه کرد.

AngularJS ویژگی های HTML را با دستورالعمل ها گسترش می دهد و داده ها را به HTML با expression مرتبط می کند.

AngularJS چارچوب جاوا اسکریپت است.
AngularJS چارچوب جاوا اسکریپت است. این یک کتابخانه است که در جاوا اسکریپت نوشته شده است.

AngularJS به عنوان یک فایل جاوااسکریپت توزیع شده است و می تواند به یک صفحه وب با برچسب اسکریپت اضافه شود:

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

1	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

آنگولار جی اس AngularJS زبان تگ گذاری html را گسترش می دهد.

AngularJS آنگولار HTML را با ng-directives گسترش می دهد.

دستور Ng-app یک برنامه AngularJS را تعریف می کند.

دستورالعمل مدل ng مقدار کنترل های HTML (ورودی، انتخاب، متن منطقه) را به داده های برنامه متصل می کند.

دستور ng-bind اطلاعات برنامه را به نمایش HTML متصل می کند.

مثال آنگولار جی اس:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name: <input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</div>

</body>
</html>

<!DOCTYPE html>

<html>

<body>

</div>

</body>

</html>

توضیح مثال:

AngularJS وقتی صفحه وب بارگذاری می شود، به طور خودکار شروع می شود.

دستورالعمل برنامه Ng به AngularJS می گوید که عنصر <div> “مالک” یک برنامه AngularJS است.

دستورالعمل مدل ng مقدار فیلد ورودی را به نام متغیر برنامه متصل می کند.

دستور ng-bind به innerHTML عنصر <p> به نام متغیر برنامه متصل می شود.

5/5 - (1 امتیاز)

1 دیدگاه

به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.

مقدمه انگولار – angular js

مطالب زیر را حتما مطالعه کنید

1 دیدگاه

دیدگاهتان را بنویسید لغو پاسخ

مطالب زیر را حتما مطالعه کنید

مسیریابی انگولار AngularJS Routing

ساخت انیمیشن با انگولار – angularjs animation

AngularJS Includes

api آنگولار جی اس – Angularjs API

اعتبارسنجی فرم ها با آنگولار – AngularJS Form Validation

ساخت form با آنگولار جی اس – angular forms

1 دیدگاه

دیدگاهتان را بنویسید لغو پاسخ