Выражения используются для привязки данных приложения к html. Выражения записываются внутри двойных фигурных скобок наподобие {{expression}}. Выражения ведут себя так же, как и директивы ng-bind. Выражения приложения AngularJS представляют собой чисто выражения javascript и выводят данные, в которых они используются.

Внимание!!!

Если примеры не отображаются на странице или искажены, проверьте не блокирует ли их браузер!

Opera

Свободу АНГУЛЯРУ в Opera!!! )))

Google Chrome

Свободу АНГУЛЯРУ в Google Chrome!!! )))

Mozilla Firefox

Свободу АНГУЛЯРУ в Mozilla Firefox!!! )))

Yandex

Свободу АНГУЛЯРУ в Yandex!!! )))

Использование чисел

<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:'Иван',lastname:'Сусанин',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 = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
     
   </body>
</html>

Hello {{student.firstname + " " + student.lastname}}!

Expense on Books : {{cost * quantity}} Rs

Roll No: {{student.rollno}}

Marks(Math): {{marks[3]}}


Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!




Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok