Question

我有一些输入类型的无线电：

<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>

当我点击这些输入时，我没有被选中单选按钮。

Answer 1

我猜你在使用角度来实现无线电时会感到困惑。希望您正在实施无线电以在列表中选择语言。让我举个例子

   <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 变量包含所选语言。尝试使用上面的代码来理解并对模板进行必要的更改。

检查radio实施情况。

Answer 2

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>

控制器部分：

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);
   }
}

为什么不在Angular JS中选择无线电选项？

2 个答案: