エンバー-jsからのonclick関数は

Question

ImはImがその作業の上にポップアップを追加Bootstrap v4-alphaを使用し動作していないが、私はどのようにこれはイムあるemebr-jsから でonclickの機能を置くために、その、 Ember-jsでは発生しませon click機能のためpopover-contentを追加する必要があります

<li class="list-group-item" onclick={{action `'event'}}>Airport Pickup</li> 

onlickイベントを使用これは私のコードサンプル が

<div class="form-group"> 
     <a href="#" data-toggle="popover" data-placement="bottom" data-toggle="popover" title="Bill Category"> 
      <input type="text" class="form-control" id="formGroupExampleInput" placeholder=""></a> 
     </div> 

<title>Bootstrap Example</title> 

<!-- loaded popover content --> 
<div id="popover-content" style="display: none"> 
    <ul class="list-group custom-popover"> 
    <li class="list-group-item" onclick={{action 'event'}}>Airport Pickup</li> 
    <li class="list-group-item" >Food and Beverage</li> 
    <li class="list-group-item">Yoga Class</li> 
    </ul> 
</div> 


<script>$(document).ready(function() { 
    $('[data-toggle="popover"]').popover({ 
    html: true, 
    content: function() { 
     return $('#popover-content').html(); 
    } 
    }); 
});</script> 

-newbooking.hbsを追加することです

追加-newbooking.jsを

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    actions:{ 
    event: function() { 
     console.log("ppessssssss") 
    } 
    } 
}); 

Answer 1

ガイドがa whole section on this

<li class="list-group-item" {{action 'event'}}>Airport Pickup</li> 

を持っているボタンはフォーカス可能などであるようにかかわらず、あなたがリスト項目内のリンクやボタンを追加したほうが良いかもしれません