如何分离控件禁用按钮在嵌套的形式数组在角?

Question

我有一个复杂的动态形式的问题。问题是我不能禁用每个会话按钮。规则是每次会话最多有4个配额。如果达到4个配额，它将禁用该会话"分配更多配额";按钮。我的问题是它在另一个会话中禁用了"分配更多配额"。同时按下按钮。另一个会话没有达到4个配额。如何在禁用按钮上分离控制?

另外，还有一个规则是每个会话配额的最小值应该至少为1个配额。如果仅达到1个配额，则会禁用该会话。按钮。这个问题也和分配更多的配额一样。该按钮还将触发所有会话。

这是一个:StackBlitz

Answer 1

对于您的要求，您不能为每个表单数组元素使用单个变量。你必须改变[残疾]的状况。试试下面的代码:

<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代码一起工作。