Могу ли я назначить событие щелчка или <A>для всего компонента Ember?

Question

У меня есть компонент Ember с tagName:'li'

Шаблон выглядит следующим образом:

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

В результате получается <li> блоков вышеуказанных элементовПримерно так:

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

Мне нужно как-то сделать клик на <li>, потому что у меня есть URL ссылки, который я хочу назначить каждому элементу <li>.

Возможно ли сделать

кликабельным?

Answer 1

• Вот небольшой пример, демонстрирующий, как это сделать
• Документация здесь

---

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); 
  }
});