Question

我正在尝试在创建新用户时创建选择，它将需要一个组。它运行良好，但“检查”选项由于某种原因不起作用。如何将“用户”设置为已选中，以便在按下创建新用户按钮时成立？

 <div class="radio-group" required>
      <h3>Set user group</h3>
    <label class="radio-inline">
      <input type="radio" name="groupradio" value="2" ng-model="groups.group" required> Admin
    </label>

    <label class="radio-inline">
      <input type="radio" name="groupradio" value="1" ng-model="groups.group" checked> User
    </label>

    <label class="radio-inline">
      <input type="radio" name="groupradio" value="3" ng-model="groups.group"> Viewer
    </label>
    </div>
  <button class="btn-sonera" ng-click="createUser(user, groups)"><i class="fa fa-floppy-o" aria-hidden="true"></i> Create user</button>

Answer 1

使用AngularJs最好使用其指令：

ng-checked="variable"

Answer 2

我设法用ng-init="groups.group=1"检查了它因为我需要分配给收音机的值。这样使用它有什么不对吗？

完整代码

<div class="radio-group" required>
  <h3>Set user group</h3>
<label class="radio-inline">
  <input type="radio" name="groupradio" value="2" ng-model="groups.group" required> Admin
</label>

<label class="radio-inline">
  <input type="radio" name="groupradio" value="1" ng-model="groups.group" ng-init="groups.group=1"> User
</label>

<label class="radio-inline">
  <input type="radio" name="groupradio" value="3" ng-model="groups.group"> Viewer
</label>
</div>

Answer 3

请你尝试使用ng-value Prelude



 <label>
    <input type="radio" ng-model="groups.group" value="1">
    Admin
  </label><br/>
  <label>
    <input type="radio" ng-model="groups.group" value="2">
    User
  </label><br/>
  <label>
    <input type="radio" ng-model="groups.group" value="3">
    Viewer
  </label><br/>


in controller

Answer 4

这是一个工作的掠夺者：https://plnkr.co/edit/4VtblBSWROLTETW5Ie5C?p=preview

核心代码：

  $scope.groups = {
    admin : false, 
    user: false, 
    viewer: false
  };

在视图中：

<button class="btn-sonera" ng-click="groups.user=true"><i class="fa fa-floppy-o" aria-hidden="true"></i> Create user</button>

注意每个ng模型如何绑定到一个对象，即：groups.admin，groups.user等。

选中Angularjs无线电选择

4 个答案: