Связанные показания:
Angularjs Вводной учебник: AngularJs выражения
AngularJs Вводной учебник: Directive AngularJS
В предыдущем учебнике по выражениям и директивам стало известно, что модель AngularJS (NG-модель) может связывать значения в полях ввода HTML с переменными, создаваемыми AngularJS.
<! 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- ng-in ng-in nginit = " Snow '"> name: <input ng-model =" name "> </div> </body> </html>
Двунаправленное связывание AngularJS Двунаправленное связывание относится к связыванию NG-модели с входным доменом HTML, а также с атрибутами AngularJS. Следовательно, когда изменение значения входной области изменяется, значения атрибутов AngularJ также изменятся.
<! 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-pp = "myapp" ng-controller = "myctrl"> name: <input ng-model = "name"> <h1> вы ввели: {{name}} </h1> </div> <script> var app = angular.module ('myApp', []); App.Controller ('myCtrl', function ($ racope) Snow ";}); </script> <p> Измените значение окна ввода, и имя заголовка также будет изменено соответствующим образом. </p> </body> </html>Статус приложения NG-модель может предоставить значения состояния для данных приложения.
Грязный, когда данные изменяются, статус истинно, и он не был изменен на ложь. Даже если это изменено до исходного значения, это правда.
Действительно, входное значение верно, когда оно является законным, и неверно, если оно не является законным.
Прикоснулся к сенсорному экрану, щелкнув как True, не касаясь как false.
Применить стили CSS в соответствии со статусом
<! 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> <style> input.ng-invalid wy-invalid wy-fifor wy-invalid wy-invalid LightBlue;} </style> <body> <form ng-app = "" name = "myform"> введите свое имя: <input name = "myAddress" ng-model = "text" требуется> </form> </body> </html>
Поле ввода добавляет требуемое состояние. Когда в поле ввода нет ввода, NG-модель добавляет стиль NG-Invalid в поле ввода. В противном случае удалите стиль NG-Invalid. Директива NG-Model добавляет/удаляет следующие стили в соответствии со статусом поля формы:-Ng-empty-ng-not-empty-ng-touched-ng-untouched
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> wample> </head> <body> <form ng- ng-apapp = ">"> ">" </script> </head> <body> <form ng- ngapp = ">" <> "</script> </head> <body> <form ng-app name = "myAddress" ng-model = "text"> <span ng-show = "myform.myaddress. $ error.email"> не является законным адресом электронной почты </span> </form> </body> </html>
Когда атрибут myform.myaddress. $ Error.mail верно (формат почтового ящика неверен), NG-Show будет управлять отображением содержимого пролета.
Вышеуказанный контент - это модель AngularJS, представленная редактором вам вступительным учебником AngularJS. Я надеюсь, что это будет полезно для всех!