Question

我有两个带有Yes No标签的单选按钮。现在我必须使用来自服务的响应来设置值。来的值是真和假。我无法在html中设置它们。请任何人帮助我。

Answer 1

假设您根据名为myBool的响应设置了一个变量，您可以这样做：

<input type="radio" [checked]="myBool" (click)="myBool = true" />
<input type="radio" [checked]="!myBool" (click)="myBool = false" />

Answer 2

在上面的响应中，它以布尔值真或假的形式出现，如果响应以 1 和 2 代替真或假，那么您将如何将此值设置为输入类型无线电

Answer 3

您可以使用HTML格式检查属性并根据组件中的模型设置其值。例如，在typescript文件中

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

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  implements OnInit {


    public state:boolean=false;
    ngOnInit() {

      //get data from your service
      this.state=true;
    }
}

在html文件中

 <input type="radio" name="answer" value="Yes" [checked]="!state"/> Yes<br>
  <input type="radio" name="answer" value="No" [checked]="state"> No<br>

在Angular 2中更新带响应的单选按钮

3 个答案: