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));
}),

后来我尝试使用输入助手

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

在这种情况下，会触发valueChanged观察者，但焦点事件不会侦听，否则会触发按键。

如何一次使用双向绑定和焦点事件？

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"}}

EmberJS。如何使用双向绑定进行输入和焦点事件？

1 个答案: