NG模型不适用于AngularJS中的单选按钮
我是Angular的新手，我正在尝试获取用户使用ng模型选择的单选按钮的值。但我在“选定联系人”中没有得到任何输出。
这是我的HTML
<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0rc1/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<form name="myForm" ng-controller="Ctrl">
<table border="0">
<th>Contact Type</th>
<tr ng-repeat="contact in contacttype"><td>
<input type="radio" ng-model="contactname" name="group1" value="{{contact.name}}">{{contact.name}}
</td>
</td></tr></table>
<tt>selected contact = {{contactname}}</tt><br/>
</form>
</body>
</html>
以下是我的主要内容.js
function Ctrl($scope) {
$scope.contacttype = [
{name: 'Both' },
{name: 'User'},
{name: 'Admin'}
];
}
我在这里做错了什么？搞不清楚！！！
共有3个答案
var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
$scope.devices = [{
nameD: "Device 1"
}, {
nameD: "Device 2"
}, {
nameD: "Device 3"
}, {
nameD: "Device 4"
}];
});<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="app-controller-r.js"></script>
<body>
<div ng-app="myApp" ng-controller="formCtrl">
<form>
<ul>
<li ng-repeat="device in devices">
<label>{{device.nameD}}
<input type="radio" ng-model="$parent.deviceType" value="{{device.nameD}}" />
</label>
</li>
</ul>
<button>Submit</button>
</form>
{{deviceType}}
</div>
</body>
</html>
所以我也遇到了同样的问题，使用带有ng模型的$parent似乎不起作用。我的问题是，我有一组复选框，但每个复选框都使用相同的名称属性。它最终在最后一组中隐藏了默认选中的单选按钮。
确保为每个不同的组使用不同的名称属性。
因为ng repeat创建自己的作用域，您要做的是从子作用域将值分配给父作用域。所以你能做到
<input type="radio" ng-model="$parent.contactname" name="group1" value="{{contact.name}}">
-
问题内容： 我有一个单选按钮，用于设置或基于交易类型的值 演示可以在这里找到 问题是当我单击任意一个单选按钮时，的值不会改变 我的JavaScript代码是 请让我知道我在做什么错。 另外，除非没有其他选择，否则我不想使用或用于此目的。 问题答案： 您在单选按钮的顶部贴了一个大标签，以防止输入到您的单选按钮。该html应该显示为： 然后它可以工作，当然，它可能看起来不像您想要的那样。
-
问题内容： 我有一个模型在storeLocations对象中返回isDefault值。如果isDefault返回true，则我不会将该组中的单选按钮设置为选中状态。 不知道我是否需要执行$ each（data，function（index，value）并遍历返回的每个对象，或者是否有更简单的方法使用角度构造来执行此操作。 目的： 标记： 问题答案： 使用代替。 由于代码重复，版本较差。
-
问题内容： 我正在使用bootstrap.js和angular js，我的代码如下- 这里用于禁用和启用按钮。 在ajax加载完成之前生成的输出HTML 并且在ajax加载完成之后 并且按钮仍然被禁用。我不确定为什么会这样，我在这里看到的几个问题仅是回答了这一问题。 提前致谢。 问题答案： 如果使用的表达式必须使用返回真实值的表达式。表达式的一个示例是。而是输出一个表达式。因此，改用。 ng禁用的
-
问题内容： JS小提琴 问题： 我的页面中有一个SELECT元素，其中填充了。它还具有一个具有默认值的。 当我更改值时，可以适应。但是下拉列表在启动时显示了一个空插槽，应该在其中选择了具有默认值的项目。 码 使用JS： 问题答案： 您可以在选项元素上使用ng- selected 指令。它表达了如果诚实将设置所选属性。 在这种情况下： 演示版
-
问题内容： 我正在使用ng-disabled，我喜欢它。输入和按钮对我来说很好。对于锚标签不起作用。我该如何解决？ 问题答案： 没有超链接的禁用属性。你可以这样做：
-
问题内容： http://plnkr.co/edit/RP9SpO1qGjn5Ua6pZJ3D?p=preview js 和html 注意，根据半径范围结构检查了“ 2 Mile”无线电输入。为什么ng-change不触发功能？ 如果我添加ng-model，则该函数会触发，但是ng-checked无法正常工作。 问题答案： 这是因为您没有使用： plnkr 更新： 很抱歉，我没有注意到您要检查默认