0

特定のオブジェクトのリストを含む/表示するテーブルの上に追加ボタンを配置しましたが、実際にはボタンではなく、スパン、a、およびアイコンが混在したこのようなものです

    <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

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 に答える