©
This document uses PHP Chinese website manual Release
HTML复选框。
<input Type="checkbox"
ng-model=""
[name=""]
[ng-true-value=""]
[ng-false-value=""]
[ng-change=""]>| 参数 | 类型 | 详述 |
|---|---|---|
| ngModel | string | 声明用于数据绑定的Angular表达式。 |
| name (可选)
|
string | 发布到表单下的控件的属性名称。 |
| ngTrueValue
(可选)
|
expression | 当被选中时，value会被置为表达式的值。 |
| ngFalseValue
(可选)
|
expression | 当未被选中时，value会被置为表达式的值。 |
| ngChange
(可选)
|
string | Angular表达式，当输入元素通过用户交互方式发生输入变化时会执行这个表达式。 |
<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>it('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');});