Question

所以我有一个看起来像这样的简单的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
    }
});

而不是＆＃34;硬编码＆＃34;正如我上面所做的文本输入类......我怎样才能在＃34;中传递这个？当我在我的ember应用程序中使用该组件时？

Answer 1

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

所以，你可以做到

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

现在，您的组件可以使用textClass，因此您可以

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

工作示例here

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

1 个答案: