Ember.js 为嵌套在ember组件中的输入修改类的最佳方法是什么？

我有一个简单的余烬组件，看起来像这样

<div class="my-wrapper">
  {{input value=password type="password" class="text-input"}}
</div>

import Ember from 'ember';

export default Ember.Component.extend({
    didInsertElement: function() {
        //do stuff here
    }
});

---

而不是“硬编码”的文本输入类，如我所做的上述。。。当我在我的ember应用程序中使用组件时，如何将其“传入”呢？

传递到组件中的任何参数都将成为组件模板可用的组件属性

那么，你能做什么

<script type="text/x-handlebars">
  {{ custom-input textClass="text-input"}}
</script>

<script type="text/x-handlebars" id="components/custom-input">
  <div class="my-wrapper">
    {{ input value=password type="password" class=textClass }}
  </div>
</script>

---

工作示例

太棒了！我认为这很简单，但没有准确的语法：）