logo-mini

AngularJS عبارات

ANGULARJS عبارت می توان داخل دو آکولاد نوشته: {{ expression }} .

ANGULARJS عبارت همچنین می توانید در داخل یک بخشنامه نوشته شود: ng-bind=" expression " .

AngularJS را خواهد بیان حل و فصل، و بازگشت به نتیجه دقیقا همان جایی که بیان نوشته شده است.

ANGULARJS عبارت بسیار شبیه به عبارت جاوا اسکریپت هستند: آنها می تواند شامل لیترال، اپراتورها، و متغیر.

نمونه {{5 + 5}} یا {{نام + “” + نام خانوادگی}}

مثال

<!DOCTYPE html>

<html>

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

<body>

<div ng-app=””>

  <p>My first expression: {{ 5 + 5 }}</p>

</div>

</body>

</html>

خودت آن را امتحان کن “

اگر شما در حذف ng-app بخشنامه، HTML را به بیان نمایش به عنوان آن است، بدون حل آن:

مثال

<!DOCTYPE html>

<html>

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

<body>

<div>

  <p>My first expression: {{ 5 + 5 }}</p>

</div>

</body>

</html>

خودت آن را امتحان کن “

شما می توانید عبارات ارسال هر کجا که دوست دارید، از AngularJS به سادگی حل خواهد بیان و بازگشت به نتیجه.

به عنوان مثال: اجازه دهید از AngularJS ارزش خواص CSS را تغییر دهید.

رنگ جعبه ورودی زیر را تغییر دهید، با تغییر ارزش خود را:

مثال

<div ng-app=”” ng-init=”myCol=’lightblue'”>

<input style=”background-color:{{myCol}}” ng-model=”myCol” value=”{{myCol}}”>

</div>

خودت آن را امتحان کن “


اعداد از AngularJS

از AngularJS اعداد مانند اعداد جاوا اسکریپت عبارتند از:

مثال

<div ng-app=”” ng-init=”quantity=1;cost=5″>

<p>Total in dollar: {{ quantity * cost }}</p>

</div>

خودت آن را امتحان کن “

به عنوان مثال با استفاده از همان ng-bind :

مثال

<div ng-app=”” ng-init=”quantity=1;cost=5″>

<p>Total in dollar: <span ng-bind=”quantity * cost”></span></p>

</div>

خودت آن را امتحان کن “

با استفاده از ng-init است خیلی معمول نیست. شما یک راه بهتر برای مقداردهی اولیه داده در فصل مورد کنترل یاد بگیرند.


از AngularJS رشته

از AngularJS رشته مانند رشته جاوا اسکریپت عبارتند از:

مثال

<div ng-app=”” ng-init=”firstName=’John’;lastName=’Doe'”>

<p>The name is {{ firstName + ” ” + lastName }}</p>

</div>

خودت آن را امتحان کن “

به عنوان مثال با استفاده از همان ng-bind :

مثال

<div ng-app=”” ng-init=”firstName=’John’;lastName=’Doe'”>

<p>The name is <span ng-bind=”firstName + ‘ ‘ + lastName”></span></p>

</div>

خودت آن را امتحان کن “


اشیاء از AngularJS

از AngularJS اشیاء مانند اشیاء جاوا اسکریپت عبارتند از:

مثال

<div ng-app=”” ng-init=”person={firstName:’John’,lastName:’Doe’}”>

<p>The name is {{ person.lastName }}</p>

</div>

خودت آن را امتحان کن “

به عنوان مثال با استفاده از همان ng-bind :

مثال

<div ng-app=”” ng-init=”person={firstName:’John’,lastName:’Doe’}”>

<p>The name is <span ng-bind=”person.lastName”></span></p>

</div>

خودت آن را امتحان کن “


از AngularJS آرایه

از AngularJS آرایه مانند آرایه جاوا اسکریپت عبارتند از:

مثال

<div ng-app=”” ng-init=”points=[1,15,19,2,40]”>

<p>The third result is {{ points[2] }}</p>

</div>

خودت آن را امتحان کن “

به عنوان مثال با استفاده از همان ng-bind :

مثال

<div ng-app=”” ng-init=”points=[1,15,19,2,40]”>

<p>The third result is <span ng-bind=”points[2]”></span></p>

</div>

خودت آن را امتحان کن “


از AngularJS عبارات در مقابل جاوا اسکریپت عبارات

مانند عبارت جاوا اسکریپت، از AngularJS عبارت می تواند شامل لیترال، اپراتورها، و متغیر.

بر خلاف عبارت جاوا اسکریپت، از AngularJS عبارت می توان در داخل HTML نوشته شده است.

ANGULARJS عبارت انجام شرطی، حلقه ها، و استثنا را پشتیبانی نمی کند، در حالی که عبارت جاوا اسکریپت انجام.

از AngularJS عبارت حمایت فیلتر، در حالی که عبارت جاوا اسکریپت نیست.


نظر بدهید