为了账号安全,请及时绑定邮箱和手机立即绑定

angularJs里单选框radio怎么使用ng-model

angularJs里单选框radio怎么使用ng-model

慕莱坞森 2019-03-15 16:10:18
angularJs里单选框radio怎么使用ng-model
查看完整描述

2 回答

?
慕雪6442864

TA贡献1812条经验 获得超5个赞

使用ng-model把radio绑到一个变量上,ng-value使用表达式来表示值。选中时它的值就是ng-value的值了。测试代码如下:
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>radio的绑定</title>
<script src="angular.js"></script>
<style>

</style>
</head>

<body ng-app="app">
<div ng-controller="appCon">
<form ng-submit="ok()">
<div>
<input type="radio" name="a" ng-value="a" ng-model="c">11 <input type="text" ng-model="a">
<input type="radio" name="a" ng-value="b" ng-model="c">22<input type="text" ng-model="b">
</div>
<h1>{{c}}<h1>
<input type="submit" value="submit">
</form>
</div>

<script>

var app = angular.module('app', []);

app.controller('appCon', function($scope) {

$scope.ok = function(){
console.dir($scope.c);
}
});
</script>
</body>

</html> 

查看完整回答
反对 回复 2019-03-20
  • 2 回答
  • 0 关注
  • 2044 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信