Angularjs выражения
AngularJS использует выражения для связывания данных с HTML.
Выражение AngularJS записано в двойных скобках: {{Expression}} .
Экспрессии AngularJS связывают данные с HTML, что аналогично директиве NG-Bind .
AngularJs будет «выводить» данные в месте, где написано выражение.
Выражения AngularJS во многом похожи на выражения JavaScript : они могут содержать литералы, операторы и переменные.
Encement {{5 + 5}} или {{FirstName + "" + lastName}}
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng- App> <p> <p> <p> <p> <p> <p> <p> }} </p> </div> </body> </html>
Результаты работы:
Мое первое выражение: 10
Angularjs числа
Числа AngularJS похожи на цифры JavaScript:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "Количество = 1; stop = 5"> <p> Общая цена: {{uclite * stop}} </p> </div> </body> </html>Результаты работы:
Общая цена: 5
Тот же пример с использованием ng-bind:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "Количество = 1; Стоп = 5"> <p> Общая цена: <span ng-bind = "Количество * Стоимость"> </span> </p> </div> </body> </html>
Результаты работы:
Общая цена: 5
Примечание. Использование NG-INIT не очень распространено. Вы узнаете лучший способ инициализации данных в главе контроллера.
AngularJs String
Строки AngularJS подобны JavaScript Strings:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "FirstName = 'John'; lastname = 'doe'"> <p> name: {{firstname + "" + lastname}} </p> </div> </body> </html>Результаты работы:
Имя: Джон Доу
Тот же пример с использованием ng-bind:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "firstname = 'John'; lastname = 'doe'"> <p> name: <span ng-bind = "firstname + '' + lastname"> </span> </p> </div> </body> </html>
Результаты работы:
Имя: Джон Доу
AngularJs объекты
Объекты AngularJS похожи на объекты JavaScript:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "person = {firstname: 'John', lastname: 'doe'}"> <p> Фамилия-{{person.lastname}} </p> </div> </body> </html>Результаты работы:
Названный Доу
Тот же пример с использованием ng-bind:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "person = {firstname: 'John', lastname: 'doe'}"> <p> Фамилия <span ng-bind = "person.lastname"> </span> </p> </div> </body> </html>Результаты работы:
Названный Доу
Angularjs Array
Angularjs массивы похожи на массивы JavaScript:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "points = [1,15,19,2,40]"> <p> Третье значение-{{точки [2]}} </p> </div> </body> </html>Результаты работы:
Третье значение - 19
Тот же пример с использованием ng-bind:
Пример кода:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body> <div ng-app = " ng-init = "points = [1,15,19,2,40]"> <p> Третье значение-<span ng-bind = "точки [2]"> </span> </p> </div> </body> </html>
Результаты работы:
Третье значение - 19
AngularJs выражения и выражения JavaScript
Подобно выражению JavaScript, выражения AngularJS могут содержать буквы, операторы и переменные.
В отличие от экспрессии JavaScript, AngularJs выражения могут быть написаны в HTML.
В отличие от выражений JavaScript, выражения AngularJS не поддерживают условные суждения, петли и исключения.
В отличие от экспрессии JavaScript, AngularJs Expressions поддерживают фильтры.
Вышеуказанное представляет собой сборник материалов для экспрессии AngularJS. Мы продолжим добавлять их позже. Я надеюсь, что это может помочь изучить angularjs одноклассник.