之前的代码是这样的
<select class="planstatus-select" ng-model="planStatus" ng-options="planStatus.id as planStatus.name for planStatus in planStatuses" ng-change="planStatusChange()"></select>，效果是这样
现在改成这种状态
代码写成这样
<label ng-repeat="planStatus in planStatuses">
极客观点
项目管理
HarmonyOS
<input type="radio" name="a" value="planStatus.name" ng-model="planStatus" ng-click="planStatusChange()"> {{planStatus.name}}</label>
出现问题 请大神帮忙 input ng-model 应该绑定谁 name 和value该如何写
<!DOCTYPE html>
<html lang="en" ng-app="demo">
<head>
<meta charset="UTF-8">
<title>angularjs radio</title>
<script src="//cdn.bootcss.com/angular.js/1.4.1/angular.min.js"></script>
</head>
<body ng-controller="RootController">
<form action="">
<label ng-repeat="item in planStatuses">
<input type="radio" name="planStatus" ng-model="$parent.planStatus" value="{{item.value}}">{{item.text}}
</label>
<p>您选择的是:{{planStatus}}</p>
</form>
<script>
angular.module('demo', [])
.controller('RootController', function ($scope) {
$scope.planStatus = 2;
$scope.planStatuses = [
{value: 0, text: '全部'},
{value: 1, text: '未开始'},
{value: 2, text: '进行中'},
{value: 3, text: '已结束'},
{value: 4, text: '草稿'},
{value: 5, text: '异常'}
];
});
</script>
</body>
</html>10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
首先：既然是单选按钮，那么它们的name属性都是一样，ng-model也是一样；然后将input的value赋值成planStatuses中每一项的id，再在每个单选input元素后面加上对应的文字内容。click事件的话，直接在函数中取$scope.planStatus的值再做相应的处理。