AngularJS ng-click event doesn't fire inside ng-repeat

Question

I have a list of tags built from a JSON object ...

<div ng-repeat="comedian in comedians.details | orderBy: 'tag' | unique: 'tag'">
    <span ng-click="search = { tag: comedian.tag }">{{ comedian.tag }}</span>
</div>

And a list of images built from the same object ...

<div ng-repeat="comedian in comedians.details | orderBy: 'name' | filter:search:strict">
    <img width="50" src="{{ comedian.image }}" alt="{{ comedian.name }}">
</div>

Both lists are built as expected. But the click event does not fire to filter images. If I manually create a list of tags, as shown below, click the event ...

<span ng-click="search = { tag: 'Character'}">Character</span>
<span ng-click="search = { tag: 'Sitcom'}">Sitcom</span>

But inside ng-repeat they do not. Let me know if you need any other details! Thanks

Answer 1

As @ Cherniv suggested in the first comment: use $parent.searchto lighten the parent area.

, , , .