角度按鈕單擊事件問題

Question

am我正在嘗試對自定義按鈕應用“禁用選項”，但是當我將按鈕設置為“禁用”時，單擊事件仍然有效。 如果按鈕已啟用，則僅需要click事件，如果按鈕被禁用，則不需要。

碼：

<myngbutton [disabled]="disabled3" (click)="alertMsg()">Save 3</myngbutton>

Answer 1

由於您的myngbutton不是html本機元素，因此不會像本機按鈕那樣工作。 它被視為具有父類型HtmlElement的自定義元素。

disabled html屬性僅適用於W3School文檔中描述的元素。 這意味着，如果您希望組件像按鈕一樣工作，則需要對其進行編程。 或在組件內部使用本機<button> 。

這是一個例子：

<!-- Won't enter the alertMsg method if it is disabled -->    
<myngbutton [disabled]="disabled3" (click)="!disabled3 && alertMsg()">Save 3</myngbutton>

Answer 2

問題是，是， click你訂閱的事件，是不是click按鈕元素上的事件，但在點擊myngbutton元素。 您需要在myngbutton組件上添加一個事件發射器，該事件發射器在button元素單擊時發出：

myngbutton.component.ts：

@Component({...})
export class MyngbuttonComponent {
   [...]

   @Output() onClick = new EventEmitter();
   [...]

}

myngbutton.component.html：

<button [...] (click)="onClick.emit()">[...]</button>

app.component.html：

<myngbutton [disabled]="disabled1" (onClick)="alertMsg()">Save 1</myngbutton>