EmberJS。入力イベントとフォーカスイベントの双方向バインディングを使用する方法

Question

私はカスタム入力コンポーネントを作成しようとしています。 まず最初に、ネイティブ入力コンポーネントを使用しようとしました。このようなもの

<input type="text" value="{{inputValue}}" onblur={{action "toggleInputFocused"}} onfocus={{action "toggleInputFocused"}}> 

しかし、このコードでは双方向バインディングが提供されません。オブザーバーのvalueChangedは

valueChanged: Ember.observer('inputValue', function() { 
    // deal with the change 
    this.set("valueSet",(this.get('inputValue').trim().length > 0)); 
}), 

その後、私はのvalueChangedオブザーバーがトリガーしかしイベントは、そうでない場合は、キーを押して聞いていない焦点を当てている。この場合、入力ヘルパー

{{input value=inputValue focus=(action "toggleInputFocused")}} 

を使用しようとしているのきっかけはありませんトリガーされます。

一度に双方向バインディングとフォーカスイベントを使用するにはどうすればよいですか？

Answer 1

emberのイベントにはfocusが組み込まれていません。 foucsInとfocusOutがあります。
イベントの一覧についてはhttps://guides.emberjs.com/v2.1.0/components/handling-events/#toc_event-names

{{input value=inputValue focus-in="toggleInputFocused"}}