Невозможно связать с 'ng-click', так как это не известное свойство 'div'

Question

Вот простая функция jquery в моем компоненте ts

open_user(user) {
  $(user).css("visibility", "visible");
  $(user).css("opacity", "1");
}

Вот как я называю это в html

<div class="user" *ngFor="let user of arrUsers" ng-click="open_user({{user.id}})">
    <img src={{user.profile_img}} class=user-image>
    ...
</div>

Я получаю эту ошибку

Невозможно связать с 'ng-click', так как это не известное свойство 'div'.("

<div class="user" *ngFor="let user of arrUsers" [ERROR ->]ng-click="open_user({{user.id}})">

Не могу найти решение нигде ..

PS Впервые на угловой

Answer 1

используйте (click) вместо ng-click.Также вы не должны использовать interpolation при передаче аргумента.

И не обращаться к DOM внутри компонента, вместо этого вы должны использовать NgStyle

<div class="user" *ngFor="let user of arrUsers" (click)="open_user(user.id)">

Answer 2

ng-click для angularjs, ваш шаблон выглядит как угловой 2+, если так, используйте вместо него (click)="...".

<div class="user" *ngFor="let user of arrUsers" (click)="open_user(user.id)">

Также обратите внимание, что использование jquery для манипулирования DOM в угловом приложении обычно нехороший подход.