Question

我得到了无线电输入，使用结构指令ngFor渲染。

    <form>
      <label *ngFor="let user of staffMembers" class="stuff" for="user.username"> 
          {{user.username}}
          <input type="radio" [name]="user.username" [value]="user.username"> 
      </label>
    </form>

我输入正确，但是我可以检查多个字段，例如复选框。这不是无线电输入的默认行为。

Answer 1

因为要为每行创建一个新的单选组，而不是一个新的单选选项。输入[name]是单选组的名称，而不是选项。

 <form>
  <label *ngFor="let user of staffMembers" class="stuff" for="user.username"> 
      {{user.username}}
      <input type="radio" name="staffMembers" [value]="user.username"> 
  </label>
</form>

Answer 2

该名称不应具有唯一性，以使其正常运行，否则，它只是广播，只有一种可能性。

<input type="radio" name="user" [value]="user.username">

Answer 3

您需要为所有无线电输入输入相同的名称：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

现在，由于user.username始终不同，因此似乎每个单选输入都获得了不同的输入。

无线电输入在角度7中无法正常工作

3 个答案: