Angularjs 为什么不在Angular JS中选择单选选项?
我有一些输入类型的收音机:Angularjs 为什么不在Angular JS中选择单选选项?,angularjs,Angularjs,我有一些输入类型的收音机: <li ng-repeat="(key, value) in data.languages_sys.name"> <a href=""> <input type="radio" ng-click="changeDefaultLanguage(key)" ng-model="lng"> <span>{{value}}</span> </a> </li> 当
<li ng-repeat="(key, value) in data.languages_sys.name">
<a href="">
<input type="radio" ng-click="changeDefaultLanguage(key)" ng-model="lng">
<span>{{value}}</span>
</a>
</li>
当我点击这些输入时,我没有被选中单选按钮。我想你在实现角度无线电时有点困惑。希望您正在实现收音机从列表中选择语言。让我给你举个例子
<label>
<input type="radio" ng-model="selectedlang" value="eng">
English
</label><br/>
<label>
<input type="radio" ng-model="selectedlang" ng-value="fre">
French
</label><br/>
<label>
<input type="radio" ng-model="selectedlang" value="sp">
Spenish
</label>
英语
法语
挥霍
此处selectedlang变量包含所选语言。尝试上面的代码来理解模板,并对模板进行必要的更改
检查执行情况 html部分:
<div ng-app ng-controller="Ctrl">
<ul>
<li ng-repeat="user in users"> <input type="radio" name="userRadio" data-ng-click="getUserDetails(user)">
{{user.title}}
</li>
</ul>
</div>
也展示你的角度代码。@Muhad你知道不应该发布一个不完整的问题,而这个问题没有包含足够的代码来重现你的问题。你昨天做了这件事,花了太长时间才发现真正的问题。我给问题添加了完整的代码。也许我的问题更新会给你一些想法来体验你的语言列表集合。这里是您使用ng click设置变量的原因。您可以从ng模型中指定的变量中获取所选语言。
function Ctrl($scope) {
$scope.users = [
{'id' : 1 ,'title' : 'Title1', 'label' : 'Zip code', 'type' : 'xxx' },
{'id' : 2 ,'title' : 'Title2', 'label' : 'MD', 'type' : 'title1'},
{'id' : 3 ,'title' : 'Title3', 'label' : 'DMS', 'type' : 'title2'}
];
$scope.getUserDetails = function(entity){
// alert(entity.id);
console.log(entity);
}
}