請教有關動態產生 HTMLElement 後，要在該元件增加 onblur/onfocus的作法

General
1

Angular 8
請教有關動態產生 HTMLElement 後，要在該元件增加 onblur/onfocus的作法
我試驗快一整天了，就是沒辦法。我的程式：

image
image732×755 37.6 KB

完整的程式碼寫在下面網址
https://stackblitz.com/edit/angular-rm1yfb

產生的錯誤如下：

image
image856×280 17.3 KB

可以看到我程式中嘗試兩個作法。
addEventMethod = 1 的時候，會出錯。
addEventMethod = 2 的時候，雖然不會出錯，但也沒有效果。

煩請高手幫忙解答。感謝幫忙

2

你用的是js標準的createElement那怎麼不要直接用addEventListener呢？

3

謝謝，我會嘗試看看。
但我比較好奇的是，如果按照 Angular 的 best practice, 會建議哪種作法呢？

4

我沒有做過這樣動態產生element的經驗，可能要問問看其他人了

6

因為你 event 名稱弄錯了

  this.renderer.listen(dynamicInput, 'focus', (event)=>{
        console.log('I am focused 2 .....');
      });
7

謝謝告知。有試驗出來了。奇怪的是，Angular 官網沒有寫這個欄位可用的 eventName 清單。請問要如何知道 eventName 這欄位有哪些「正確的」 name?

8

通常這一類的資訊會去 MDN 上面做查詢