بخش های اصلی

آموزش AngularJS

آموزش AngularJS – عبارات

عبارات برای اتصال داده های برنامه به html استفاده میشن. عبارات داخل دو تا براکت نوشته میشن، مثل {{عبارت}}. عبارات مثل دستوراتِ ng-bind رفتار می کنن. عباراتِ برنامه ی AngularJS، عباراتی کاملاً جاوا اسکریپتی هستن و هر جا استفاده بشن، خروجیشان داده است.

استفاده از اعداد

<p>Expense on Books : {{cost * quantity}} Rs</p>

استفاده از رشته ها

<p>Hello {{student.firstname + " " + student.lastname}}!</p>

استفاده از شیء

<p>Roll No: {{student.rollno}}</p>

استفاده از آرایه

<p>Marks(Math): {{marks[3]}}</p>

مثال

مثال زیر تمام عبارات بالا را نشان میده.

testAngularJS.htm

<html>
   
   <head>
      <title>AngularJS Expressions</title>
   </head>
   
   <body>
      <h1>Sample Application</h1>
      
      <div ng-app = "" ng-init = "quantity = 1;cost = 30; student = {firstname:'Mahesh',lastname:'Parashar',rollno:101};marks = [80,90,75,73,60]">
         <p>Hello {{student.firstname + " " + student.lastname}}!</p>
         <p>Expense on Books : {{cost * quantity}} Rs</p>
         <p>Roll No: {{student.rollno}}</p>
         <p>Marks(Math): {{marks[3]}}</p>
      </div>
      
      <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
      
   </body>
</html>

خروجی

testAngularJS.htm را در مرورگر وب باز کنین. نتیجه را ببینین.

در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش AngularJS

Learn AngularJS

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد