Question

我想在我的Angular asp.net核心web api中添加动态按钮。当产品状态为“Z”时，添加，编辑和删除等功能应该不可见。

我有一种方法可行，但在第二种情况下我不知道如何使用它。请在下面找到工作方法示例：

Component.service.ts

    getDisabledAddEditDel(model:Component,mode: string)
{
    if(model && mode != 'View' && mode !='Add' && model.StatusOfProduct === 'Z')
    {
        return false;
    }
    return true;
}

在上面的情况中，StatusOfProduct存在于模型Component中。我想在第二种情况下使用此方法，但在第二种模型中，StatusOfProduct不存在。如何在其他服务（模型）中使用Component的StatusOfProduct。除了将StatusOfProduct添加到我的第二个服务和模型之外，还有其他方法吗？

谢谢。

Answer 1

您可以直接在html中添加条件。如果设置为true，[disabled]指令将禁用给定的按钮。

 <button [disabled]="model && mode != 'View' && mode !='Add' 
                && model.StatusOfProduct === 'Z'" (click)="add()">ADD</button>

您也可以使用您的功能获得相同的结果

      <button [disabled]="getDisabledAddEditDel(model,mode)"
                 (click)="add()">ADD</button>

禁用添加，编辑，删除按钮

1 个答案: