Question

<input type="radio" [(ngModel)]="step1.addInfoLinks" [checked] = "step1.addInfoLinks" name="addInfoLinks" value="true">     

<input type="radio" [(ngModel)]="step1.addInfoLinks" [checked] = "!step1.addInfoLinks" name="addInfoLinks" value="false">     

<div class="fields" id="addInfoLinks" [hidden] = "!step1.addInfoLinks"></div>

export class Step1Component {    
    step1;     
    constructor( private _globalService: GlobalService){      
        this.step1 = {     
            addInfoLinks:false     
        }     
    }       
}

我有这样的代码。每当我点击是的div应该是可见的和visaversa。现在，当我点击是能够查看div时，但不仅选择了单选框。这里有什么问题。请让我知道

Answer 1

您不需要[checked] = "..."，因为[ngModel]="..."部分已经解决了这个问题。

您应该在[]附近添加value，否则值将为字符串"true"和"false"，而不是值true和false这也不适用于"!step1.addInfoLinks">因为两个字符串都是真的。

<input type="radio" [(ngModel)]="step1.addInfoLinks" name="addInfoLinks" [value]="true">     
<input type="radio" [(ngModel)]="step1.addInfoLinks" name="addInfoLinks" [value]="false">

Answer 2

试试这个

<input type="radio" [(ngModel)]="step2.addInfoLinks" [checked] = "step1.addInfoLinks==false" name="addInfoLinks" value="false">

无法使用angular2

2 个答案: