0

在包含/显示特定对象列表的表格顶部，我放置了一个添加按钮，但实际上它不是一个按钮，它是这样的，混合了 span、a 和 icon

    <div id="table" class="table-editable">
      <span class="table-add float-right mb-3 mr-2">
        <a class="text-success" (click)="add()">
          <mdb-icon fas icon="plus" size="2x"></mdb-icon>
        </a>
      </span>
.
.
.
    </div>

所以，当点击添加图标时，在表的末尾创建新的空行以添加/输入新的对象数据，在此期间，从创建新行到点击保存按钮，我想要添加按钮被禁用，但我无法禁用此图标。

注意我的登录表单中已经有了这个按钮，它可以正常工作，

 <button [disabled]="loading" class="btn btn-primary btn-block btn-signin">Sign In</button>

在凭据检查期间，此登录按钮将变为禁用状态。但我不知道如何处理这个添加图标

谢谢！

4

3 回答 3

1

您可以使用*ngIf. 我不确定它是否适用于<mdb-icon>标签甚至<a>锚标签，所以可能是这样的：

      <span *ngIf="someCondition" class="table-add float-right mb-3 mr-2">
        <a class="text-success" (click)="add()">
          <mdb-icon fas icon="plus" size="2x"></mdb-icon>
        </a>
      </span>

      <span *ngIf="!someCondition" class="table-add float-right mb-3 mr-2">
        <!-- whatever HTML you want to render instead, or nothing -->
      </span>
于 2019-06-04T16:23:01.407 回答
0

该过程应该与登录相同button，不幸的是，为了给你一个正确的答案，我需要你的typescript代码。

同时确保您用于禁用按钮的加载属性在您的方法上设置为 true，add()并在您的保存方法上设置为 false。

于 2019-06-04T16:28:48.467 回答
0

谢谢@本胡兰！最终代码是这样的，

<div *ngIf="addButton">
    <span class="table-add float-right mb-3 mr-2">
      <a class="text-success" (click)="add()">
        <mdb-icon fas icon="plus" size="2x"></mdb-icon>
      </a>
    </span>
  </div>
  <div *ngIf="!addButton">
    <span class="table-add float-right mb-3 mr-2">
      <a>
        <mdb-icon fas icon="plus" size="2x"></mdb-icon>
      </a>
    </span>
  </div>
于 2019-06-05T15:14:00.740 回答