Закрыть Navstart Bootstrap при щелчке по ссылке на руле

Question

Я хотел бы закрыть автоматическое реагирование на навигационное меню, когда пользователь нажимает на элемент меню. Эти ссылки сделаны с рулями. Я написал этот код, но он не работает:

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Contacts Management</a> 
    </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li>{{#link-to 'index' data-toggle="collapse" data-target=".navbar-collapse"}}Accueil{{/link-to}}</li> 
      <li>{{#link-to 'about' data-toggle="collapse" data-target=".navbar-collapse"}}A propos{{/link-to}}</li> 
      <li>{{#link-to 'contacts' data-toggle="collapse" data-target=".navbar-collapse"}}Mes contacts{{/link-to}}</li> 
     </ul> 
     </div> 
    </div> 
</nav> 

Если я использую HTML тег <a href="#" data-toggle="collapse" data-target=".navbar-collapse">Accueil</a> вместо {{#link-to ...}}, он работает, но мне нужен теги рулей.

Не могли бы вы мне помочь? Есть ли решение без javascript?

Answer 1

ОК, я нашел решение. Я создаю представление, чтобы связать данные, тумблер и данные целевых атрибутов:

import Ember from 'ember'; 

export default Ember.View.extend({ 
}); 

Ember.LinkView.reopen({ 
    attributeBindings: ['data-toggle', 'data-target'] 
}); 

Решения объяснить на docmentation из ember.js: http://guides.emberjs.com/v1.10.0/templates/binding-element-attributes/