©
本文档使用
php.cn手册 发布
HTML单选框。
<input Type="radio"
ng-model=""
value=""
[name=""]
[ng-change=""]
ng-value="">
参数 | 类型 | 详述 |
---|---|---|
ngModel | string | 声明用于数据绑定的Angular表达式。 |
value | string | 当被选中时,value会被置为表达式的值。 |
name (可选)
|
string | 发布到表单下的控件的属性名称。 |
ngChange
(可选)
|
string | Angular表达式,当输入元素通过用户交互方式发生输入变化时会执行这个表达式。 |
ngValue | string | 当被选中时,value会被置为表达式的值。 |
<script>
angular.module('radioExample', [])
.controller('ExampleController', ['$scope', Function($scope) {
$scope.color = 'blue';
$scope.specialValue = {
"id": "12345",
"value": "green"
};
}]);
</script>
<form name="myForm" ng-controller="ExampleController">
<input Type="radio" ng-model="color" value="red"> Red <br/>
<input Type="radio" ng-model="color" ng-value="specialValue"> Green <br/>
<input Type="radio" ng-model="color" value="blue"> Blue <br/>
<tt>color = {{color | json}}</tt><br/>
</form>
Note that `ng-value="specialValue"` sets radio item's value to be the value of `$scope.specialValue`.
protractor.jsit('should change state', Function() {
var color = element(by.binding('color'));
expect(color.getText()).toContain('blue');
element.all(by.model('color')).get(0).click();
expect(color.getText()).toContain('red');});