如何將聲明「escape-press」轉換爲HTML，如Ember.js模板？

Question

如何使用比{{input escape-press='alertUser'}}更多的HTML格式編寫「escape-press」動作。

我有一些定義如<input type="text" name="item-name" value={{item.name}} onblur={{action "confirmName" value="target.value"}} />的輸入，我想保留這種語法。

Answer 1

與onblur完全相同。在您的模板，你的動作事件onkeypress這樣的聯想：

<input type="text" onkeypress={{action 'escape'}}> 

，然後在你的控制器或組件，您可以添加一個動作來處理它：

actions:{ 
    escape(e){ 
     if(e.key === 'Escape'){ 
     //your code here 
     } 
    } 
    }