javascript - angular 把select 修改radio

问题描述

问 题

之前的代码是这样的
<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">

       <input type="radio" name="a" value="planStatus.name" ng-model="planStatus" ng-click="planStatusChange()"> {{planStatus.name}}

</label>
出现问题 请大神帮忙 input ng-model 应该绑定谁 name 和value该如何写

解决方案

首先：既然是单选按钮，那么它们的name属性都是一样，ng-model也是一样；然后将input的value赋值成planStatuses中每一项的id，再在每个单选input元素后面加上对应的文字内容。click事件的话，直接在函数中取$scope.planStatus的值再做相应的处理。

<label data-ng-repeat="_v in planStatuses">
<input type="radio" name="planStatus" value="{{_v.id}}" data-ng-model="planStatus" data-ng-click="planStatusChange()" />{{_v.name}}
</label>

这篇关于javascript - angular 把select 修改radio的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！