Javascript AngularJS-单选按钮未选中

我有一个

ng repeat

，里面有一堆单选按钮：

<div class="panel panel-default" ng-repeat="offer in vm.offerList">
    ...    
    <td ng-show="offer.edit">
        <div class="row">                        
            <input type="radio" name="before" ng-model="offer.before" value="false">
            <input type="radio" name="before" ng-model="offer.before" value="true">
       </div>
   </td>
   ...
</div>

...    
...

型号

offer.before

具有正确的值，但是，当显示行时，单选按钮不显示为选中状态。为什么会这样？我需要单选按钮来显示所选的值

---

这是我的问题的一个小例子：

因为属性

值

中的任何内容都得到

toString（）

类似值

true

将被视为

'true'

&它将查找

'true'

（字符串）而不是

true

（布尔值）

最好使用

ng value

而不是

value

属性。它将把

true

值视为仅布尔类型的

true

中的值

此外，在您的情况下，您必须为每个单选按钮组添加唯一的

name

属性，每个

offer

元素单选将被视为唯一的表单元素

标记

<div class="row">
    {{offer.before}}
    <input type="radio" name="before{{$index}}" ng-model="offer.before" ng-value="false">
    <input type="radio" name="before{{$index}}" ng-model="offer.before" ng-value="true">
</div>

{{offer.before}}

---

@chieftwoils我用OP的小提琴更新了答案。。尽管感谢提醒：）例如，为什么这项功能工作得很好，但当type='radio'时却不行？？？你能和我分享一把提琴吗？有什么问题，我试过了，但不知道你面临什么问题。你能详细说明一下吗？