禁用添加、编辑、删除按钮答案

【问题标题】：Disabling add, edit, delete buttons禁用添加、编辑、删除按钮
【发布时间】：2017-11-20 13:23:00
【问题描述】：

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

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

组件.service.ts

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

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

谢谢。

【问题讨论】：

标签： asp.net angular typescript asp.net-web-api

【解决方案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>

【讨论】：