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 عبارت حمایت فیلتر، در حالی که عبارت جاوا اسکریپت نیست.
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.