Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
angular:angularjs:form:attributes [2020/06/09 01:58] werwolf |
angular:angularjs:form:attributes [2023/01/12 12:18] (текущий) |
||
|---|---|---|---|
| Строка 247: | Строка 247: | ||
| </code> | </code> | ||
| + | ====ng-true-value и ng-false-value==== | ||
| + | * **ng-true-value** определяет значение которое установится выражением привязки данных когда состояние элемента будет "выбран" | ||
| + | * **ng-false-value** определяет значение которое установится выражением привязки данных когда состояние элемента будет "не выбран" | ||
| + | |||
| + | <code html> | ||
| + | <html ng-app="studyModule"> | ||
| + | <head> | ||
| + | <script> | ||
| + | angular.module("studyModule", []) | ||
| + | .controller("studyCtrl", function ($scope) { }); | ||
| + | </script> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div id="tasksPanel" class="panel" ng-controller="studyCtrl"> | ||
| + | <form name="myForm" novalidate> | ||
| + | <div class="panel panel-primary"> | ||
| + | <div class="panel-heading"> | ||
| + | <div class="checkbox"> | ||
| + | <label> | ||
| + | <input name="sample" type="checkbox" ng-model="inputValue" ng-true-value="Checked" ng-false-value="Unchecked" /> | ||
| + | Checkbox | ||
| + | </label> | ||
| + | <!--Обратите внимание что для элементов input у которых атрибут type равен email, url, number | ||
| + | не нужно указывать ng-pattern так как angular уже использует его для проверки на валидность содержимое элемента--> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="panel-body"> | ||
| + | <p>Model Value:{{inputValue}}</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </form> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
| + | </code> | ||
| | | ||
| | | ||