Как изменить кнопку с переключателя на одно состояние? - PullRequest
0 голосов
/ 09 апреля 2019

Я добавил кнопку в свой проект.Это простая ванильная кнопка, то есть:
<button (click)="doSomething()">Do Something</button>

Но, к сожалению, по какой-то причине она действует как кнопка переключения, за исключением того, что после нажатия она остается нажатой (даже при последующихщелкает), а не возвращаться в предварительно нажатое состояние.Я проверил styles.css, и там нет специального стиля для кнопок, кроме стиля button.calendar, и я не верю, что у моего проекта есть какой-либо другой стиль для кнопок в других местах.

Он становится «нажатым» после нажатия, и он все еще имеет фокус.Когда он теряет фокус, он снова появляется.Я бы хотел, чтобы он вернулся в исходное состояние сразу после нажатия, независимо от того, имеет ли он фокус или нет.

Есть идеи, как сделать из нее "обычную", ванильно-однократную кнопку?Большое спасибо!

(В случае, если это полезно, вот код для doSomething...., Фактически называемый addRow() в моем коде ...):

 addRow(targetKey: string) {
    let maxRecs;
    let newRow;
    let thisType: Type<any>;

      switch (targetKey) {
        case "email":
          newRow = new EmailRowData(++this.maxIds[targetKey]).email;
          maxRecs = this.maxEmails;
        break;
        case "phone":
          newRow = new PhoneRowData(++this.maxIds[targetKey]).phone;
          maxRecs = this.maxPhones;
        break
      }
      thisType = SubEnrollFormRowComponent;
      this.member[targetKey].rowData[this.member[targetKey].rowData.length]=newRow;

    }

.,,и вот HTML-код, содержащий кнопку

  <ng-container *ngIf="member[key].catText.repeats">
      <button type="button" (click)="addRow(key)">+</button>
  </ng-container> 
  <ng-container *ngFor="let rw of rowArray; index as i">
    <app-sub-enroll-form-row 
      [inputFields]="rw"
      [idx]="i"
      [repeatSec]="repeatSec"
      [maxIds]="maxIds" 
      [numCols]="numCols" 
      [formGroup]="form" 
      [form]="form"
      (delEvent)="hideRow($event)"></app-sub-enroll-form-row>
  </ng-container>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...