Angularjs 单选按钮未检入角度（1.x）

我正在与Angular JS合作项目

我已经创建了一组单选按钮。它们的值来自后端

一切正常

唯一的问题是，单选按钮并没有得到检查，若我试图点击他们

他们不是残疾人。但它们仍然没有得到遏制

下面是我的HTML代码：

<div class="row">
    <div class="col-md-3 radio-vehicle">
        <label>Vehicle-3</label>
        <div ng-repeat="vehicle in vehicles">
            <input type="radio" name="vc1" value="{{vehicle.name}}" ng-change="updateCount()"
            ng-model="$parent.vh1" ng-disabled="dest3 === 'none'">
            {{vehicle.name}}&nbsp;({{vehicle.total_no}})
        </div>
    </div>
    <div class="col-md-3 radio-vehicle">
            <label>Vehicle-2</label>
            <div ng-repeat="vehicle in vehicles">
            <input type="radio" name="vc2" ng-change="updateCount()" ng-model="$parent.vh2" value="{{vehicle.name}}" ng-disabled="dest2 === 'none'" ng-checked="false">
            {{vehicle.name}}&nbsp;({{vehicle.total_no}})
            </div>
        </div>
        <div class="col-md-3 radio-vehicle">
            <label>Vehicle-3</label>
            <div ng-repeat="vehicle in vehicles">
            <input type="radio" name="vc3" ng-change="updateCount()" ng-model="$parent.vh3" value="{{vehicle.name}}" ng-disabled="dest3 === 'none'" ng-checked="false">
            {{vehicle.name}}&nbsp;({{vehicle.total_no}})
            </div>
        </div>
        <div class="col-md-3 radio-vehicle">
            <label>Vehicle-4</label>
            <div ng-repeat="vehicle in vehicles">
            <input type="radio" name="vc4" ng-change="updateCount()" ng-model="$parent.vh4"  value="{{vehicle.name}}" ng-disabled="dest4 === 'none'" ng-checked="false">
            {{vehicle.name}}&nbsp;({{vehicle.total_no}})
            </div>
        </div>
 </div>

车辆-3
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-2
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-3
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-4
{{vehicle.name}}（{{vehicle.total{u no}）

这是我获取记录的服务：

我也在添加我的应用程序的屏幕截图，以便您了解我试图实现的目标：

---

发生这种情况是因为

值

属性和

ng模型

都包含不同的值

请参阅，我更新了代码，其中

ng model

和

value

都是相同的。我通过

ng change

函数传递了这个值，您可以在名为

updateCount

的函数中获得这个值

 <div class="row">
    <div class="col-md-3 radio-vehicle">
        <label>Vehicle-3</label>
        <div ng-repeat="vehicle in vehicles">
            <input type="radio" name="vc3" value="{{vehicle.name}}" ng-change="updateCount(vehicle.name, 'Vehicle-3')"
            ng-model="vehicle.name" ng-disabled="dest3 === 'none'">
            {{vehicle.name}}&nbsp;({{vehicle.total_no}})
        </div>
    </div>
 </div>

车辆-3
{{vehicle.name}}（{{vehicle.total{u no}）

需要将

ng model

设置为

“$parent.vh3”

，这样您就可以将所选单选按钮的值绑定到

单选按钮组之外

确保每个
input type=“radio”
按钮组的名称不同


var-app=angular.module（“app”，[]）.controller（“ctrl”，function（$scope）{
$scope.vehicles=[{
名称：‘A’，
总数:5
}, {
名称：‘B’，
总数:15
}, {
名称：‘C’，
总数:25
}];
});

车辆-1
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-2
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-3
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-4
{{vehicle.name}}（{{vehicle.total{u no}）
{{vh1}{{vh2}{{vh3}{{vh4}}
您的
ng repeat
正在创建子作用域。因此vh3不直接绑定到控制器的范围。您可以将变量绑定到一个对象，或者使用contoller作为语法，隐式地处理点规则

有关更多信息：


var-app=angular.module（'plunker'，[]）；
app.controller（'ApplicationController'，函数（$scope）{
$scope.modelVal={}；
$scope.vehicles=[{
“名称”：“宝马”，
“总数”：1
}, {
“名称”：“保时捷”，
“总数”：2
}]
$scope.updateCount=函数（）{
log（$scope.modelVal）
}
});

安古拉斯普朗克
车辆-1
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-2
{{vehicle.name}}（{{vehicle.total{u no}）
车辆-3
{{vehicle.name}}（{{vehicle.total{u no}）
这里的vh3是什么？我是说它包含什么？@SurjeetBhadauriya:ng model=“vh3”是ng model的值，这样我就可以访问控制器中单选按钮的值..Anubha，请参阅添加的答案。但是如果它不是变量，我将如何访问控制器中单选按钮的值？是的，伙计，你可以得到。看，我通过updateCount（vehicle.name）传递了这个值。现在，该值将在控制器的相同功能中可用。不，我有四种类型的无线电组。所有人都在访问相同的车辆列表。因此，很难分析价值来自哪个群体。我已经编辑了这个问题，并把整个代码与截图。所以你会知道。传递车辆名称也像ng change=“updateCount（vehicle.name，'vehicle-3'）”它对我不起作用。。实际上我有四种类似的单选按钮。我将更新代码。也许这就是为什么确保每个
输入类型单选按钮组的
名称
不同，例如：
vc1、vc2、vc3、vc4
我可以看到
vc3
被命名了两次。另外，您错过了车辆3的
$parent.vh3
，请参阅答案的更新。对不起，这是输入错误，但不在我的代码中。问题是这段代码在后端运行良好。我的意思是，单选按钮的值在控制器中更新得很好。只是我检查了一下，这个符号并没有出现在UI上。嗨，你们的建议让我的代码工作了。我的意思是，早些时候它甚至没有更新控制器中单选按钮的值。使用$parent属性后，其工作正常。选中的单选按钮未出现，因为某些样式发生冲突。非常感谢。