Question

我想在点击图片时调用一个函数。我搜索了问题，发现我需要使用ng-click但无法找到放置函数代码的位置。

<h1>{{title}}</h1>
<h2>"{{productGroup.groupName}}" Images</h2>
<img src="{{productGroup.imageUrl}}" ng-click="showDetails()">
<img src="{{productGroup2.imageUrl}}" ng-click="showDetails()">

我尝试过最明显的app.component.ts而没有运气。我在Angular 2中遇到的一个问题是很多示例/教程已经过时了。我使用的是最新的nodejs，angular 2和angular-cli。请帮忙。

Answer 1

在Component类中定义函数，如：

export class YourComponent{
        showDetails(){
         //your code here
       }
       //Rest of the code
}

使用以下命令在模板中调用它：

<img src="{{productGroup.imageUrl}}" (click)="showDetails()">

如果您发现问题，请参阅最新的https://angular.io/docs/ts/latest/文档，您可以在那里找到所有相关信息。

在哪里放置一个从app.conponent.html调用的函数

1 个答案: