Угловой проект, отключить значок добавления, во время сохранения нового объекта / данных - PullRequest
Новая
       19

Угловой проект, отключить значок добавления, во время сохранения нового объекта / данных

0 голосов
/ 04 июня 2019

Вверху моей таблицы, которая включает / показывает список определенного объекта, я поместил кнопку добавления, но на самом деле это не кнопка, это что-то вроде этого, смешанное с span, 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>

эта кнопка входа будет отключена во время проверки учетных данных. но я не знаю, как я могу справиться с этим добавить значок

Спасибо!

Ответы [ 3 ]

1 голос
/ 04 июня 2019

Вы можете использовать *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>
0 голосов
/ 05 июня 2019

Спасибо @Бен Хулан!Конечный код выглядит примерно так: 

<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>
0 голосов
/ 04 июня 2019

Процесс должен совпадать с логином button, к сожалению, чтобы дать вам правильный ответ, мне нужен ваш код typescript.

Тем временем убедитесь, что для свойства загрузки, которое вы используете для отключения кнопки, установлено значение true для вашего метода add() и значение false для вашего метода сохранения.

...