Компьютерапия

AngularJS - Выражения

Категория: AngularJS
Просмотров: 2221

Выражения используются для привязки данных приложения к 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]}}




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

Новые статьи

Предыдущие статьи

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok