ember.js - Set custom data- attributes on {{#linkTo}} helper <a> tag -


how can set custom data- attributes on {{#linkto}} helper's tag?

so want use this:

{{#linkto "foo" data-toggle="dropdown"}}foo{{/linkto}}

and result should this:

<a id="ember323" class="ember-view active" data-toggle="dropdown" href="#/foo/123">foo</a>

but looks like

<a id="ember323" class="ember-view active" href="#/foo/123">foo</a>

how can this?

a way extend ember.linkview aware of new attribute:

ember.linkview.reopen({   attributebindings: ['data-toggle'] }); 

and can use in {{#link-to}} helper:

{{#link-to 'foo' data-toggle="dropdown"}}foo{{/link-to}} 

this result in:

<a id="ember262" class="ember-view active" href="#/foo" data-toggle="dropdown">foo</a> 

and since attributebindings array can put multiple attributes there might need:

attributebindings: ['data-toggle', 'foo', 'bar'] 

hope helps.