Question

我使用了Bootstrap v4-alpha我在其工作中添加了pop，但我需要为popover-content函数添加on click，而不是Ember-js，如何在emebr-js中放入onclick功能这是我用过onlick事件

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

这是我的代码示例 添加-newbooking.hbs

<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.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>

你最好在列表项中添加一个链接或按钮，以便按钮可以聚焦等等

Answer 2

在元素上添加onclick和操作会同时添加两个事件，即DOM事件和余烬事件。因此，请务必记住添加任何一个事件（最好是余烬）。

Ember-js Onclick功能不起作用

2 个答案: