title: Extending {{link-to}} with Ember-cli
body: <p>This question is similar to the unanswered <a href="https://stackoverflow.com/questions/28160805/extending-link-to">Extending link-to</a>.</p>
  
  <p>I'm trying to extend the <code>{{link-to}}</code> helper to output additional attribute bindings. However the attributes do not appear in our HTML. Heres what we have:</p>
  
  <pre><code>//views/link-to.js (normally coffeescript)
  import Ember from 'ember'
  
  var LinkToView = Ember.LinkView.reopen({
    attributeBindings: ['data-toggle', 'data-placement', 'title']
  });
  
  export default LinkToView;
  </code></pre>
  
  <p>The rendered output is this:</p>
  
  <pre><code>define('app/views/link-to', ['exports', 'ember'], function (exports, Ember) {
  
    'use strict';
  
    var LinkToView;
  
    LinkToView = Ember['default'].LinkView.reopen({
      attributeBindings: ['data-toggle', 'data-placement', 'title']
    });
  
    exports['default'] = LinkToView;
  
  });
  </code></pre>
  
  <p>When its called and its rendered output:</p>
  
  <pre><code>// Any .hbs file
  {{#link-to 'account' 
      class='header-link' 
      data-toggle='tooltip' 
      data-placement='right' 
      title='Account'
  }}
      &lt;span class="glyphicon glyphicon-cog" aria-hidden="true"&gt;&lt;/span&gt;
  {/link-to}}
  
  // Rendered...
  &lt;a id="ember615" class="ember-view header-link" href="/account"     title="Account"&gt;             
      &lt;span class="glyphicon glyphicon-cog" aria-hidden="true"&gt;&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Where are we going wrong? I know it has something to do with the resolver or how we're calling it. </p>
  
  <p>Thanks.</p>