Apply onclick only for child items

Question

How can i apply onclick for every item within div element

<div>
<p (click)="Click(1)" value="1">1 element</p>
<p (click)="Click(2)" value="2">2 element</p>
<p (click)="Click(3)" value="3">3 element</p>
</div>

As you see, i showed the very bad way, is there any clearier and simpler method to do that. BTW. list inside div is dynamic

There is a section in my answer for another question that can help you. [here](https://stackoverflow.com/a/47917853/2473163) — Sinan, Sep 01 '18 at 17:48

score 1 · Answer 1 · answered Sep 01 '18 at 17:29

1

@Dakito try this... make an Array as values and then

    <div>
      <p (click)="Click(value)" *ngFor="let value of values" value="value">{{value}} element</p>
    </div>

answered Sep 01 '18 at 17:29

Ganesh

5,808
2
21
41

score 0 · Answer 2 · answered Sep 01 '18 at 17:30

0

TypeScript Class

items = [{ number: 1 }, { number: 2 }, { number: 3 }];

Template:

<div>
    <p *ngFor="let item of items" 
        (click)="Click(item.number)" 
        [value]="item.number">
        {{item.number}} element
    </p>
</div>

answered Sep 01 '18 at 17:30

SiddAjmera

38,129
5
72
110

Apply onclick only for child items

2 Answers2