css - コンポーネントをラップするためにエンバーを避ける

Question

これは私のコンポーネントです:

{{#link-to routeName class="list-group-item"}}
  <i class="fa {{icon}} fa-fw"></i>&nbsp; {{text}}
{{/link-to}}

私が使用するもの：

<div class="list-group">
  {{icon-link routeName="my-account" icon="fa-user" text="Personal details"}}
...
</div>

予想される html は次のとおりです。

<div class="list-group">
  <a class="list-group-item" href="xxx">
    <i class="fa fa-user fa-fw"></i>&nbsp; Personal details
  </a>
...
</div>

しかし、ember はコンポーネントを div でラップするため、ブートストラップ ルールが適用されなくなり、リスト グループのスタイルが正しくなくなります。

コンポーネント タグを に変更してコンポーネント テンプレートからa削除すると、-link-toの柔軟性がlink-to失われ、含まれているタグに属性 (href、class) を設定する方法がわかりません。

これにはEmberコンポーネントを使用できないようですか？または、私のコンポーネントを でラップしないようにリンクに伝える方法はありdivますか、または実際には何か: CSS が機能するためには、マークアップ構造を変更してはなりません。