我可以分配点击事件还是<a> on a whole Ember component?

Question

i have an Ember component with tagName:'li'

The template looks like so:

<div> title</div> <div> image </div> <div> text </div>

The outcome is <li> blocks of the above elements, like so:

<li id="ember2484" class="..."> <div>...</div> <div>...</div> <div>...</div> </li>

I need to make the <li> clickable somehow, because i have a link url that i want to assign to each <li> element.

Is that possible, to make

clickable ?

Answer 1

• Here is a small twiddle demonstrating how to do this
• Documentation here

---

import Component from '@ember/component';

export default class extends Component {
  clickCounter = 0;

  click() {
    this.set('clickCounter', this.clickCounter + 1); 
  }
}

//或使用旧语法

import Component from '@ember/component';

export default Component.extend({
  clickCounter: 0,

  click() {
    this.set('clickCounter', this.clickCounter + 1); 
  }
});