Question

我在项目中添加了一个按钮。这是一个普通的香草按钮，即：
<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>

如何将按钮从切换到单状态？

0 个答案: