如何解决Angular Material Datatable 展开行以显示编辑表单 - 表单看起来已禁用
我正在尝试按照此 tutorial 开发具有可扩展行的应用程序,以便我可以显示表单以编辑行信息并提交。
我对代码所做的更改基本上是扩展行模板的这一部分:
<div class="maintenance-element-detail" [@detailExpand]="element.isExpanded ? 'expanded' : 'collapsed'">
<mat-list>
<div mat-subheader>Details of {{element.name}}</div>
<!-- <mat-list-item *ngFor="let subject of element.subjects">
<div mat-line>{{subject.name}}</div>
<div mat-line> {{subject.type}} | Grade: {{subject.grade}}</div>
</mat-list-item> -->
<div class="container">
<div class="row">
<div class="col-6">
<label for="levelId">User Id</label>
<input type="text" class="form-control" id="levelId" placeholder="Enter User identification">
</div>
<div class=" col-6">
<label for="levelName">Name</label>
<input type="text" class="form-control" id="levelId" placeholder="Enter user name">
</div>
</div>
<div class="row">
<div class="col-8 form-check form-switch">
<input class="form-check-input" type="checkbox" id="activeFlag" checked>
<label class="form-check-label" for="activeFlag">Level is Active</label>
</div>
<div class=" col-4">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</mat-list>
</div>
我看到一个问题,展开行中的标签和编辑框都被禁用,如下图所示,复选框从未显示。
我还在 chrome 检查中看到它从 webpack:///./core/_misc.scss
有人可以帮我了解发生了什么以及可以做些什么来解决这个问题吗?
问候 基兰
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。