如何以角度分隔嵌套表单数组中的控件禁用按钮？

Question

我对复杂的动态形式有疑问。 问题是我无法禁用每个会话按钮。 规则是每个会话的最大值有 4 个配额。 如果达到 4 个配额，它将禁用该会话的“分配更多配额”按钮。 我的问题是它在同一时间被另一个会话“分配更多配额”按钮禁用。 另一个会话未达到 4 个配额。 如何分离对禁用按钮的控制？

此外，还有一条规则是每个会话配额的最小值应至少为 1 个配额。 如果仅达到 1 个配额，它将禁用该会话的“删除配额”按钮。 问题也与分配更多配额相同。 该按钮还将触发所有会话。

这是一个： StackBlitz

Answer 1

根据您的要求，您不能对每个表单数组元素使用单个变量。 您必须更改 [disabled] 中的条件。 试试下面的代码。

<button [disabled]="sessionFormArr.get('enrolTypeList')[ 'controls'].length>=4" type="button" style="margin-top: 15px;width: 180px;" (click)=" addNewAssignQuota(sessionFormArr.get('enrolTypeList')) " > 
    assign More Quota 
</button>


<button [disabled]="sessionFormArr.get('enrolTypeList')[ 'controls'].length <= 1" type="button" (click)=" deleteAssignQuota( sessionFormArr.get('enrolTypeList'), j ) " >
    Delete Quota
</button>

上面的代码适用于 stackblitz 代码。