条件模板元素插入的EmberJS回调

Question

我有一个表单模板/组件，在选择了几个选项后才显示输入字段，比如过滤器的类型，如果是日期，我想在输入字段上显示数据选择器，但是我似乎无法仅为输入字段获取回调而不为输入字段创建另一个视图，模板就像这样简单

{{#if showTextBox}}
  {{input type="text" value=search_term classNames="addFilterInput"}}
{{/if}}

无论如何，当输入显示时，

是否有回调？

Answer 1

您可以扩展ember内置TextField视图，也可以重新打开它。这取决于你，但我的建议是扩展TextField。

//views/customInput.js
import Em from 'ember';

export default TextField.extend({
  onDidInsertElement: function() {
    console.log('here we go');
  }.on('didInsertElement')
});

{{#if showTextBox}}
  {{view "customInput" type="text" value=search_term classNames="addFilterInput"}}
{{/if}}