无法绑定到 'ng-click'，因为它不是 'div' 的已知属性

Question

这是我的 ts 组件中的一个简单 jquery 函数

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

到处都找不到解决方案..

P.S。 angular

的新手

Answer 1

ng-click 适用于 angularjs，您的模板看起来像 angular 2+，如果是这样，请改用 (click)="..."。

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

另请注意，在 angular 应用程序中使用 jquery 进行 DOM 操作通常不是一个好方法。

Answer 2

使用 (click) 而不是 ng-click 。另外，传递参数时不应使用 interpolation。

并且不要在组件内部访问 DOM，而应该使用 NgStyle

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

Answer 3

AngularJS 的

ng-Click 自 Angular 2 起已弃用，您应该使用它：

<div class="user" *ngFor="let user of arrUsers" (click)="open_user(event, user)">
</div>

在您的 class 组件中：

open_user(event, user) {
    // do something
}

我希望修复它

Can't bind to 'ng-click' since it isn't a known property of 'div'