Я добавил кнопку в свой проект.Это простая ванильная кнопка, то есть:
<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>