Ember.js 将不带值的数据属性指定给余烬组件 我是相对较新的烬，我用Adv./P>将基础5加入到Enter CLI应用程序中。

我正在为Foundation的topbar元素构建一个Ember组件，我需要在导航上设置一个

数据topbar

，如下所示：

<nav class="top-bar" data-topbar role="navigation">
  <!-- ... -->
</nav>

为

数据topbar

设置任意值，如

'data-topbar'：'foo'

，将在导航上设置属性，但这不是我需要的：

<nav class="top-bar" data-topbar="foo" role="navigation">
  <!-- ... -->
</nav>    

---

谢谢

您始终可以将标记名设置为

'

，并在组件模板中执行其余操作：

App.NavBarComponent = Ember.Component.extend({
  tagName: '',
  role: 'navigation',

  didInsertElement: function() {
    this.$().foundation();
  }
});

<script type="text/x-handlebars" id="components/nav-bar">
  <nav class="top-bar" data-topbar {{bind-attr role=role}}>
    NAVBAR
  </nav>
</script>

App.NavBarComponent=Ember.Component.extend({
标记名：“”，
角色：'导航'，
didInsertElement:函数（）{
这个。$（）.foundation（）；
}
});
导航栏

---

工作演示

如果将属性的值设置为空字符串，则这将为您提供所需的效果，即没有值的HTML属性

export default Ember.Component.extend({
  tagName: 'option',
  attributeBindings: ['value'],
  value: '',
});

将为您提供：

<option value></option>

<option value></option>