ag-grid 渲染的表格,單元格模板是一個上傳按鈕
需求是要在點擊的時候增加個對話框增加些額外條件(並非全部行都加對話框)
於是乎,想了個解決辦法,單元格模板中,增加顯示對話框的標記,標記為 true 的,點擊按鈕時會彈出對話框,否則不變
為了上傳組件正常使用,不能用 ngIf 隱藏掉上傳組件,想了辦法用遮罩的形式來使對話框點擊觸發(a 標簽遮蓋在真正上傳按鈕上方)
對話框提交后需要手動觸發 input 的點擊,模擬用戶點擊事件:
本來想的是直接用 angular 本身的方式觸發 click
結果界面毫無反應,斷點查看,發現拋了黃色嘆號:
查了一下,發現 upload 不支持非用戶點擊的動作。再次查找解決方法,最終改成了 jquery 觸發:
而 input 在界面中會存在多個 #inputEle,在父元素上 ngClass 一個標記,來方便尋找正確的 input 。