Ember-js Onclick 功能不工作

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>

你最好在列表项中添加一个 link 或按钮，这样按钮就可以聚焦等

Answer 2

在元素上添加 onclick 和 action 将同时添加事件，即 DOM 事件和 ember 事件。所以总是 remember 添加任何一个事件（最好是 ember）。

Ember-js Onclick 功能不工作

Ember-js Onclick function not work

ember.js

popover

bootstrap-4