Table Of Content

Используйте документацию по API, когда вам нужно больше информации о специфической Документация по API Angular возможности. Модуль ng Директивы a Описание Модифицированное поведение по умолчанию для тега html A, так как по умолчанию действие требует обязательного наличия заполненного атрибута href. Причиной этого изменения стало легкое создание ссылок для действий с директивой без ngClick изменения страницы и без ее перезагрузки, например: <a href="" ng- click="model.$save()">Save</a> Использование Эта директива может быть использована как пользовательский элемент, но с предварительным созданием, если вы используете IE: 1. <a> 2. </a> form Описание Директива создает . FormController Если атрибут указан, тогда контроллер формы опубликует одноименное свойство внутри name текущей области видимости, через которое можно получить ссылку на форму. Псевдоним: ngForm В angular формы могут быть вложенными. Это означает, что внешняя форма действительна, только тогда, когда действительны все ее вложенные формы. Однако браузеры не позволяют вкладывать элементы друг в друга, по этой причине angular обеспечивает <form> псевдоним , который ведет себя, так же как и но позволяет использовать ngForm <form>, вложения. CSS классы • устанавливается если форма не имеет ошибок. ng-valid • Устанавливается если форма имеет ошибки ввода. ng-invalid • Устанавливается если пользователь еще не взаимодействовал с формой. ng-pristine • Устанавливается когда пользователь уже взаимодействовал с формой. ng-dirty Отправка формы и действие по умолчанию Поскольку роль форм в приложениях Angular отличается от классических приложений, желательно для браузера, не перезагружая страницы отправить данные на сервер. Для этого запускается некоторая логика JavaScript, чтобы обработать определенным образом отправку представление формы. По этой причине Angular предотвращает действие по умолчанию (отправка формы на сервер) если элемент имеет установленный атрибут . <form> action Вы можете использовать одну из двух возможностей, для указания метода JavaScript, который должен вызываться при отправке формы: • директива для элемента формы ngSubmit • директива для первой кнопки или поля ввода с типом submit (input[type=submit]) ngClick Для предотвращения двойного срабатывания обработчика, используйте только одну из директив ngSubmit или ngClick. Это из-за следующих правил отправки формы из спецификации html: • Если форма имеет только один элемент ввода данных, при нажатии на enter в этой форме, будет выполнена ее отправка (ngSubmit). • Если форма имеет 2 или больше элемента управления и не имеет кнопки или элемента ввода с типом submit, тогда нажатие на enter не приводит к отправке формы • Если форма имеет одно или более поле ввода и одну или более кнопку или элемент input с типом submit, тогда нажатие enter в любом поле ввода будет вызывать обработчик для первой кнопки или input[type=submit] ( ) и отправлять форму ( ) ngClick ngSubmit Использование Эта директива может использоваться как дополнительный элемент, но с учетом ограничений IE: 1. <form 2. [name="{string}"]> 3. </form> П• арамет(рoыpt ional) name – {string=} – Имя для формы. Если указано, тогда контроллер формы опубликует ссылку на форму в области видимости, используя это имя. Пример Index.html 1. <!doctype html> 2. <html ng-app> 3. <head> 4. <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 5. <script src="script.js"></script> 6. </head> 7. <body> 8. <form name="myForm" ng-controller="Ctrl"> 9. userType: <input name="input" ng-model="userType" required> 10. <span class="error" ng-show="myForm.input.$error.required">Required!</span>< br> 11. <tt>userType = {{userType}}</tt><br> 12. <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br> 13. <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br> 14. <tt>myForm.$valid = {{myForm.$valid}}</tt><br> 15. <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br> 16. </form> 17. </body> 18.</html> Script.js 1. function Ctrl($scope) { 2. $scope.userType = 'guest'; 3. } End to end test 1. it('should initialize to model', function() { 2. expect(binding('userType')).toEqual('guest'); 3. expect(binding('myForm.input.$valid')).toEqual('true'); 4. }); 5. 6. it('should be invalid if empty', function() { 7. input('userType').enter(''); 8. expect(binding('userType')).toEqual(''); 9. expect(binding('myForm.input.$valid')).toEqual('false'); 10.}); input Описание Элемент ввода HTML с angular привязкой данных. Элемент ввода реализует все типы HTML5 элементов ввода и такие поли филы как проверка ввода для старых браузеров. Использование Эта директива может использоваться как дополнительный элемент, но с учетом ограничений IE: 1. <input 2. ngModel="{string}" 3. [name="{string}"] 4. [required] 5. [ngRequired="{boolean}"] 6. [ngMinlength="{number}"] 7. [ngMaxlength="{number}"] 8. [ngPattern="{string}"] 9. [ngChange="{string}"]> 10.</input> П• араметры ngModel – {string} – Ассоциированное angular выражение для привязки данных. • (optional) name – {string=} – Имя свойства, под которым элемент управления будет доступен в области видимости. • (optional) required – {string=} – Устанавливает ключ в ошибках проверки данных, когда у поля отсутствует required значение. • (optional) ngRequired – {boolean=} – Устанавливает атрибут если выражение возвращает true required, • (optional) ngMinlength – {number=} – Устанавливает ключ в ошибках проверки данных, если значение короче, чем minlength установленное количество знаков. • (optional) ngMaxlength – {number=} – Устанавливает ключ в ошибках проверки данных, если значение длиннее, чем maxlength установленное количество знаков. • (optional) ngPattern – {string=} – Устанавливает ключ в ошибках проверки данных, если ввод не соответствует pattern шаблону RegExp. Значение сравнивается с переданным паттерном, если он передается в формате в других случаях считается что передано свойство текущей области /regexp/, видимости, которое содержит нужный паттерн. • (optional) ngChange – {string=} – Angular выражение, которое будет выполнено, когда измениться содержимое элемента управления в результате взаимодействия с пользователем. Пример Index.html 1. <!doctype html> 2. <html ng-app> 3. <head> 4. <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 5. <script src="script.js"></script> 6. </head> 7. <body> 8. <div ng-controller="Ctrl"> 9. <form name="myForm"> 10. User name: <input type="text" name="userName" ng-model="user.name" require d> 11. <span class="error" ng-show="myForm.userName.$error.required"> 12. Required!</span><br> 13. Last name: <input type="text" name="lastName" ng-model="user.last" 14. ng-minlength="3" ng-maxlength="10"> 15. <span class="error" ng-show="myForm.lastName.$error.minlength"> 16. Too short!</span> 17. <span class="error" ng-show="myForm.lastName.$error.maxlength"> 18. Too long!</span><br> 19. </form> 20. <hr> 21. <tt>user = {{user}}</tt><br/> 22. <tt>myForm.userName.$valid = {{myForm.userName.$valid}}</tt><br> 23. <tt>myForm.userName.$error = {{myForm.userName.$error}}</tt><br> 24. <tt>myForm.lastName.$valid = {{myForm.lastName.$valid}}</tt><br> 25. <tt>myForm.userName.$error = {{myForm.lastName.$error}}</tt><br> 26. <tt>myForm.$valid = {{myForm.$valid}}</tt><br> 27. <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br> 28. <tt>myForm.$error.minlength = {{!!myForm.$error.minlength}}</tt><br> 29. <tt>myForm.$error.maxlength = {{!!myForm.$error.maxlength}}</tt><br> 30. </div> 31. </body> 32.</html> Script.js 1. function Ctrl($scope) { 2. $scope.user = {name: 'guest', last: 'visitor'}; 3. } End to end test 1. it('should initialize to model', function() { 2. expect(binding('user')).toEqual('{"name":"guest","last":"visitor"}'); 3. expect(binding('myForm.userName.$valid')).toEqual('true'); 4. expect(binding('myForm.$valid')).toEqual('true'); 5. }); 6. 7. it('should be invalid if empty when required', function() { 8. input('user.name').enter(''); 9. expect(binding('user')).toEqual('{"last":"visitor"}'); 10. expect(binding('myForm.userName.$valid')).toEqual('false'); 11. expect(binding('myForm.$valid')).toEqual('false'); 12.}); 13. 14.it('should be valid if empty when min length is set', function() { 15. input('user.last').enter(''); 16. expect(binding('user')).toEqual('{"name":"guest","last":""}'); 17. expect(binding('myForm.lastName.$valid')).toEqual('true'); 18. expect(binding('myForm.$valid')).toEqual('true'); 19.}); 20. 21.it('should be invalid if less than required min length', function() { 22. input('user.last').enter('xx'); 23. expect(binding('user')).toEqual('{"name":"guest"}'); 24. expect(binding('myForm.lastName.$valid')).toEqual('false'); 25. expect(binding('myForm.lastName.$error')).toMatch(/minlength/); 26. expect(binding('myForm.$valid')).toEqual('false'); 27.}); 28. 29.it('should be invalid if longer than max length', function() { 30. input('user.last').enter('some ridiculously long name'); 31. expect(binding('user')) 32. .toEqual('{"name":"guest"}'); 33. expect(binding('myForm.lastName.$valid')).toEqual('false'); 34. expect(binding('myForm.lastName.$error')).toMatch(/maxlength/); 35. expect(binding('myForm.$valid')).toEqual('false'); 36.}); input [checkbox] Описание HTML флаг выбора. Использование 1. <input type="checkbox" 2. ng-model="{string}" 3. [name="{string}"] 4. [ng-true-value="{string}"] 5. [ng-false-value="{string}"] 6. [ng-change="{string}"]> П• араметры ngModel – {string} – Назначаемое angular выражение для привязки данных. • (optional) name – {string=} – Имя свойства, под которым элемент управления будет доступен в области видимости. • (optional) ngTrueValue – {string=} – Значение, в которое установится привязанное свойство, если флаг установлен. • (optional) ngFalseValue – {string=} – Значение, в которое установится привязанное свойство, если флаг сброшен. • (optional) ngChange – {string=} – Angular выражение, которое будет выполнено, когда измениться содержимое элемента управления в результате взаимодействия с пользователем. Пример Index.html 1. <!doctype html> 2. <html ng-app> 3. <head> 4. <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 5. <script src="script.js"></script> 6. </head> 7. <body> 8. <form name="myForm" ng-controller="Ctrl"> 9. Value1: <input type="checkbox" ng-model="value1"> <br/> 10. Value2: <input type="checkbox" ng-model="value2" 11. ng-true-value="YES" ng-false-value="NO"> <br/> 12. <tt>value1 = {{value1}}</tt><br/> 13. <tt>value2 = {{value2}}</tt><br/> 14. </form> 15. </body> 16.</html> Script.js 1. function Ctrl($scope) { 2. $scope.value1 = true; 3. $scope.value2 = 'YES' 4. } End to end test 1. it('should change state', function() { 2. expect(binding('value1')).toEqual('true'); 3. expect(binding('value2')).toEqual('YES'); 4. 5. input('value1').check(); 6. input('value2').check(); 7. expect(binding('value1')).toEqual('false'); 8. expect(binding('value2')).toEqual('NO'); 9. }); input [email] Описание Текстовый элемент с проверкой правильности ввода email адреса. Устанавливает ключ в email коллекции ошибок, если значение ввода не является правильным адресом email. Использование 1. <input type="email" 2. ng-model="{string}" 3. [name="{string}"] 4. [required] 5. [ng-required="{string}"] 6. [ng-minlength="{number}"] 7. [ng-maxlength="{number}"] 8. [ng-pattern="{string}"]> П• араметры ngModel – {string} – Ассоциированное angular выражение для привязки данных. • (optional) name – {string=} – Имя свойства, под которым элемент управления будет доступен в области видимости. • (optional) required – {string=} – Устанавливает ключ в ошибках проверки данных, когда у поля отсутствует required значение. • (optional) ngRequired – {boolean=} – Устанавливает атрибут если выражение возвращает true required, • (optional) ngMinlength – {number=} – Устанавливает ключ в ошибках проверки данных, если значение короче, чем minlength установленное количество знаков. • (optional) ngMaxlength – {number=} – Устанавливает ключ в ошибках проверки данных, если значение длиннее, чем maxlength установленное количество знаков. • (optional) ngPattern – {string=} – Устанавливает ключ в ошибках проверки данных, если ввод не соответствует pattern шаблону RegExp. Значение сравнивается с переданным паттерном, если он передается в формате в других случаях считается что передано свойство текущей области /regexp/, видимости, которое содержит нужный паттерн. Пример Index.html 1. <!doctype html> 2. <html ng-app> 3. <head> 4. <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script> 5. <script src="script.js"></script> 6. </head> 7. <body> 8. <form name="myForm" ng-controller="Ctrl"> 9. Email: <input type="email" name="input" ng-model="text" required> 10. <span class="error" ng-show="myForm.input.$error.required"> 11. Required!</span> 12. <span class="error" ng-show="myForm.input.$error.email"> 13. Not valid email!</span> 14. <tt>text = {{text}}</tt><br/> 15. <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/> 16. <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/> 17. <tt>myForm.$valid = {{myForm.$valid}}</tt><br/> 18. <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/> 19. <tt>myForm.$error.email = {{!!myForm.$error.email}}</tt><br/> 20. </form> 21. </body> 22.</html> Script.js 1. function Ctrl($scope) { 2. $scope.text = '[email protected]'; 3. } End to end test 1. it('should initialize to model', function() { 2. expect(binding('text')).toEqual('[email protected]'); 3. expect(binding('myForm.input.$valid')).toEqual('true'); 4. }); 5. 6. it('should be invalid if empty', function() { 7. input('text').enter(''); 8. expect(binding('text')).toEqual(''); 9. expect(binding('myForm.input.$valid')).toEqual('false'); 10.}); 11. 12.it('should be invalid if not email', function() { 13. input('text').enter('xxx'); 14. expect(binding('myForm.input.$valid')).toEqual('false'); 15.}); input [number] Описание Текстовый элемент для ввода чисел с проверкой и трансформациями. Устанавливает ключ в ошибках проверки данных, если введенное значение не является числом. number Использование 1. <input type="number" 2. ng-model="{string}" 3. [name="{string}"] 4. [min="{string}"] 5. [max="{string}"] 6. [required] 7. [ng-required="{string}"] 8. [ng-minlength="{number}"] 9. [ng-maxlength="{number}"] 10. [ng-pattern="{string}"] 11. [ng-change="{string}"]> Параметры • ngModel – {string} – Ассоциированное angular выражение для привязки данных. • (optional) name – {string=} – Имя свойства, под которым элемент управления будет доступен в области видимости. • (optional) min – {string=} – Устанавливает ключ в ошибках проверки данных, если введенное значение меньше . min min • (optional) max – {string=} – Устанавливает ключ в ошибках проверки данных, если введенное значение больше . max max • (optional) required – {string=} – Устанавливает ключ в ошибках проверки данных, когда у поля отсутствует required значение.

Description:
Поскольку роль форм в приложениях отличается от классических приложений, желательно для браузера, не перезагружая страницы отправить данные на сервер.
ebook img

Документация по API PDF

168 Pages·2013·1.3 MB·Russian
by  
Save to my drive
Quick download
Download

Download Документация по API PDF Free - Full Version

by Unknow| 2013| 168 pages| 1.3| Russian

Download Документация по API by in PDF format completely FREE. No registration required, no payment needed. Get instant access to this valuable resource on PDFdrive.to!

Free Download PDF

About Документация по API

Поскольку роль форм в приложениях отличается от классических приложений, желательно для браузера, не перезагружая страницы отправить данные на сервер.

Detailed Information

Author:Unknown
Publication Year:2013
Pages:168
Language:Russian
File Size:1.3
Format:PDF
Price:FREE
Download Free PDF

Safe & Secure Download - No registration required

Why Choose PDFdrive for Your Free Документация по API Download?

  • 100% Free: No hidden fees or subscriptions required for one book every day.
  • No Registration: Immediate access is available without creating accounts for one book every day.
  • Safe and Secure: Clean downloads without malware or viruses
  • Multiple Formats: PDF, MOBI, Mpub,... optimized for all devices
  • Educational Resource: Supporting knowledge sharing and learning

Free Books Similar to Документация по API

Frequently Asked Questions

Is it really free to download Документация по API PDF?

Yes, on https://PDFdrive.to you can download Документация по API by completely free. We don't require any payment, subscription, or registration to access this PDF file. For 3 books every day.

How can I read Документация по API on my mobile device?

After downloading Документация по API PDF, you can open it with any PDF reader app on your phone or tablet. We recommend using Adobe Acrobat Reader, Apple Books, or Google Play Books for the best reading experience.

Is this the full version of Документация по API?

Yes, this is the complete PDF version of Документация по API by Unknow. You will be able to read the entire content as in the printed version without missing any pages.

Is it legal to download Документация по API PDF for free?

https://PDFdrive.to provides links to free educational resources available online. We do not store any files on our servers. Please be aware of copyright laws in your country before downloading.

The materials shared are intended for research, educational, and personal use in accordance with fair use principles.

We use cookies

We use cookies to ensure you get the best browsing experience on our website. By clicking "Accept Cookies", you agree that we can store cookies on your device in accordance with our Terms and Privacy.