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

Question

工作案例:
在这种情况下，设置单选按钮检查工作正常


不工作案例
但是当我放置 ngModel 时，它不起作用。

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

Answer 1

你应该有一些值(value) assigned至 ngModel
如 selectedValue值为 all然后是 radio button将是 checked .

组件:

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

Here is a Working DEMO