为表单设置ngModel时，默认情况下未选中Angular 5单选按钮

工作案例： 在这种情况下，选中设置单选按钮工作正常

非工作案例 但当我把ngModel放进去时，它就不起作用了

<input type="radio" name="radio5" id="radio4" class="css-checkbox" value="all" (click)="setSpecial(false)" [checked]="!isSpecial"  ngModel name="radioModel"/>

---

Ex:您在html中确实喜欢这样做

<div class="row">
        <div class="col-md-4">
            <input type="radio" name="gender" value="male" checked [(ngModel)]="genderval"> Male<br>
        </div>
        <div class="col-md-4">
            <input type="radio" name="gender" value="female" [(ngModel)]="genderval"> Female<br>
        </div>
        <div class="col-md-4">
            <input type="radio" name="gender" value="other" [(ngModel)]="genderval"> Other
        </div>
    </div>

---

您应该将一些值

分配给
ngModel

如果
selectedValue
值为
all
，则将选中
单选按钮

组件：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  selected = "all";

 }

<input type="radio" name="radio5" id="radio4" class="css-checkbox" value="all" [checked]="!isSpecial"[(ngModel)]="selected" name="radioModel"/> Radio1

<input type="radio" name="radio5" id="radio4" class="css-checkbox" value="notall" [checked]="!isSpecial"[(ngModel)]="selected" name="radioModel"/> Radio2

Html:

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  selected = "all";

 }

<input type="radio" name="radio5" id="radio4" class="css-checkbox" value="all" [checked]="!isSpecial"[(ngModel)]="selected" name="radioModel"/> Radio1

<input type="radio" name="radio5" id="radio4" class="css-checkbox" value="notall" [checked]="!isSpecial"[(ngModel)]="selected" name="radioModel"/> Radio2

Radio1
无线电2

什么不起作用？请检查此项，为ngModel提供值。。在你的情况下，它没有任何value@asheer库雷希，检查了演示，需要帮助吗？Radio1对于上述代码，您需要使用
checked=“checked”
Radio1