gpt4 book ai didi

javascript - AngularJS 单选按钮 ng-repeat 值

转载 作者:行者123 更新时间:2023-11-30 16:55:46 26 4
gpt4 key购买 nike

我正在使用 ng-repeat 创建单选按钮,并希望所选按钮的名称值显示在下方。

这是我的看法:

<span ng-repeat="weight in weights">
<input type="radio" name="weight" value="{{weight.name}}" id="weight{{weight.name}}" ng-checked="weight.checked">
<label for="weight{{weight.name}}">{{weight.name}}</label>
</span>
<p>Weight: {{weight.name}}</p>

这是我的 Controller :

$scope.weights = [
{
name: 1,
checked: true
},
{
name: 2,
checked: false
},
{
name: 3,
checked: false
}
];

Here is my Plunker .

如何让权重出现在段落标签中?

最佳答案

您应该在 ng-model 之一中维护 radio 的值并使用 $parent。在 Controller 范围内定义它,而不是像这里的 ng-repeat

标记

<body ng-controller="MainCtrl" ng-init="radioValue=1">
<span ng-repeat="weight in weights">
<input type="radio" name="weight" ng-model="$parent.radioValue" ng-value="{{weight.name}}" id="weight{{weight.name}}" ng-checked="weight.checked">
<label for="weight{{weight.name}}">{{weight.name}}</label>
</span>
<p>Weight: {{radioValue}}</p>
</body>

Working Plunkr

关于javascript - AngularJS 单选按钮 ng-repeat 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29750708/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com