談談Angular material 對話框裏動態表單formControlName狀態更改

在我們的日常業務中,經常要對form表單進行增刪改查,下文介紹了Angular表單的一些用法與例子。

form

angula官網給的例子已經足夠詳細,這裏不再贅述。 官網例子
本文例子。本文的例子旨在講述一下
如何在對話框裏切換Form表單的字段的狀態。

在這裏插入圖片描述
打開對話框,初始化表單的時候傳入一個data和disabled,利用傳過來,在html模板裏渲染兩個取消按鈕,觸發不同的事件,在這裏插入圖片描述
進而去處理不同的邏輯,當打開編輯對話框時,點擊取消=>返回查看對話框,再點擊取消=>關閉對話框。當打開查看對話框時,點擊編輯=>變成編輯對話框,點擊取消=>返回查看對話框。
主要用戶還是看業務需求了,這裏強調的一點就是關於如何啓用或禁用表單裏字段的狀態的用法。
在這裏插入圖片描述
以及如何通過get方法獲取一個抽象類。
在這裏插入圖片描述