?
This document uses PHP Chinese website manual Release
HTML復(fù)選框。
<input Type="checkbox"
ng-model=""
[name=""]
[ng-true-value=""]
[ng-false-value=""]
[ng-change=""]>
參數(shù) | 類型 | 詳述 |
---|---|---|
ngModel | string | 聲明用于數(shù)據(jù)綁定的Angular表達(dá)式。 |
name (可選)
|
string | 發(fā)布到表單下的控件的屬性名稱。 |
ngTrueValue
(可選)
|
expression | 當(dāng)被選中時(shí),value會(huì)被置為表達(dá)式的值。 |
ngFalseValue
(可選)
|
expression | 當(dāng)未被選中時(shí),value會(huì)被置為表達(dá)式的值。 |
ngChange
(可選)
|
string | Angular表達(dá)式,當(dāng)輸入元素通過(guò)用戶交互方式發(fā)生輸入變化時(shí)會(huì)執(zhí)行這個(gè)表達(dá)式。 |
<script>
angular.module('checkboxExample', [])
.controller('ExampleController', ['$scope', Function($scope) {
$scope.value1 = true;
$scope.value2 = 'YES'
}]);
</script>
<form name="myForm" ng-controller="ExampleController">
Value1: <input Type="checkbox" ng-model="value1"> <br/>
Value2: <input Type="checkbox" ng-model="value2"
ng-true-value="'YES'" ng-false-value="'NO'"> <br/>
<tt>value1 = {{value1}}</tt><br/>
<tt>value2 = {{value2}}</tt><br/>
</form>
protractor.jsit('should change state', Function() {
var value1 = element(by.binding('value1'));
var value2 = element(by.binding('value2'));
expect(value1.getText()).toContain('true');
expect(value2.getText()).toContain('YES');
element(by.model('value1')).click();
element(by.model('value2')).click();
expect(value1.getText()).toContain('false');
expect(value2.getText()).toContain('NO');});