Question

我正在构建一个我希望能够即时控制和验证的输入。我有一个card-input组件，我已将其设置为使用如下：

{{card-input placeholder="Card number" action="handleCardNumber" value="cardNumber"}}

我的card-input.hbs组件如下所示：

{{input placeholder=placeholder value=value key-press=action}}

最后我的card-input.js组件文件：

import Ember from 'ember';

export default Ember.Component.extend({

  classNames: ['checkout-form-group'],

  cardNumber: null,

  actions: {
    handleCardNumber (value) {
      // do some stuff with the value
      this.set('cardNumber', value)
    }
  }

});

目前，输入的值设置为cardNumber。每当我key-press card-input时，我希望能够控制并设置cardNumber，然后会在card-input更新回来。

甚至不确定这是做事的最佳方式。任何帮助将不胜感激。

Answer 1

您可以传递with cte as ( select name, animals, 1 as lev, left(animals, charindex(',', animals + ',')) as animal from t union all select name, animals, lev + 1, left(animals, charindex(',', animals + ',')) as animal from cte where animals <> '' ) select name, animal, lev from cte;。

cardNumber

并在输入助手中使用它。

{{card-input placeholder="Card number" action="handleCardNumber" cardNumber=cardNumber}}

Answer 2

您可以使用普通的HTML5元素并仅绑定操作：

<input placeholder={{placeholder}} value={{value}} onkeypress={{action 'handleCardNumber' value='target.value'}} />

绑定灰烬输入组件以控制每次按键时的更新

2 个答案: