我遇到了一个Angular Material复选框的问题,本以为这是个相对简单的事情,但由于某些原因,我无法使其正常工作。
我有一个div,只想在mat-checkbox被选中时显示,但即使我在这里找到了一个示例可以使用*ngIf实现,它似乎也不想与之配合工作:https://stackblitz.com/edit/angular-mat-checked?file=app%2Fcheckbox-overview-example.html 我尝试将非常相似的代码应用到我的项目中,但它似乎不想工作,我尝试了其他任何方法都没有效果。
看起来,通过勾选和取消勾选来显示和隐藏此div应该相对简单,但我似乎被卡住了。我可能会错过一些完全显而易见的东西,但我看不到它可能是什么。
项目后面还会有另一个此功能的实例,因此它们需要独立工作。
如果有人能提供帮助或建议,我将万分感激。
我有一个div,只想在mat-checkbox被选中时显示,但即使我在这里找到了一个示例可以使用*ngIf实现,它似乎也不想与之配合工作:https://stackblitz.com/edit/angular-mat-checked?file=app%2Fcheckbox-overview-example.html 我尝试将非常相似的代码应用到我的项目中,但它似乎不想工作,我尝试了其他任何方法都没有效果。
<mat-checkbox [(ngModel)]="checked" [checked]="false">
I agree to {{clientName}} storing my details.
<a href="#" target="_blank">View full terms & conditions</a>
</mat-checkbox>
<div *ngIf="checked" id="contactOptionsGroup">
<p>Stay updated with news, features, and offers related to {{clientName}}.</p>
<mat-checkbox>Phone</mat-checkbox>
<mat-checkbox>Email</mat-checkbox>
</div>
看起来,通过勾选和取消勾选来显示和隐藏此div应该相对简单,但我似乎被卡住了。我可能会错过一些完全显而易见的东西,但我看不到它可能是什么。
项目后面还会有另一个此功能的实例,因此它们需要独立工作。
如果有人能提供帮助或建议,我将万分感激。
export class CheckboxOverviewExample { checked: boolean = true; }
然后只需要从模板中删除你的ngInit即可。 - mocni_T