Question

角度值未反映在视图中

HTML

<div class="col-md-6 cardexpiry-block" [ngClass]="{'cardexpiry-block-remove':!!hasCardExpiryDate}"><!-- -->
    <div class="col-sm-6 text-left"><label for="CardExpiry">Card Expiry</label></div>
    <div class="col-md-3 text-left d-inline-flex"> <input name="hasCardExpiry" type="radio" (click)="hasCardExpiry(true)">
        Yes </div>
    <div class="col-md-3 text-left d-inline-flex"> <input name="hasCardExpiry" type="radio" (click)="hasCardExpiry(false)"
            checked> No</div>
    <my-date-picker *ngIf="!!hasCardExpiryDate" name="CardExpiry" [options]="myDatePickerOptions"
        formControlName="expiryDate"></my-date-picker>
</div>

TS代码：

hasCardExpiryDate : boolean = false;

hasCardExpiry(falg){
    this.hasCardExpiryDate = falg;
}

当我在“是”和“否”之间切换时，“ hasCardExpiryDate”的值未更改当我使用{{ hasCardExpiryDate | json }}

签入HTML时

Answer 1

出现错误。

这些更改工作正常，我发现了问题。表单控制字段之一未绑定值。问题是我在控制台中看不到任何问题。我在代码中调试。现在一切正常。

感谢您的陪伴。

Answer 2

您需要设置ngModel和value

<input name="hasCardExpiry" type="radio" [value]="true" [(ngModel)]="hasCardExpiryDate" (click)="hasCardExpiry(true)"> Yes 



<input name="hasCardExpiry" type="radio" [value]="false" [(ngModel)]="hasCardExpiryDate" (click)="hasCardExpiry(true)" checked> No

Answer 3

在指定的div上使用* ngIf = hasCardExpiryDate。它将显示和隐藏相应值的div。

或使用* ngShow =！hasCardExpiryDate显示隐藏div。

角度值未在视图中反映出来

3 个答案: