在角度2中调用点击事件的功能

发布时间：2020-12-17 09:16:55 所属栏目：安全来源：网络整理

导读：如何在组件中声明一个函数,并在click事件上调用它. 角1 button ng-click="myFunc()"/button //控制器 app.controller('myCtrl',['$scope',function($cope){ $scope.myFunc= {console.log("function called");};}]); 组件代码： import { Component } from "@

如何在组件中声明一个函数,并在click事件上调用它.
角1

<button ng-click="myFunc()"></button>

//控制器

app.controller('myCtrl',['$scope',function($cope){
  $scope.myFunc= {
console.log("function called");
};
}]);

组件代码：

import { Component } from "@angular/core";

@Component({
  templateUrl:"home.html"
})
export class HomePage {

  public items: Array<string>;

  constructor() {
    this.items = ["item1","item2","item3"]
  }

  public open(event,item) {
    alert('Open ' + item);
  }

}

视图：

<ion-header>
  <ion-navbar primary>
    <ion-title>
      <span>My App</span>
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
<ion-list>
    <ion-item *ngFor="let item of items" (click)="open($event,item)">
        {{ item }}
    </ion-item>
</ion-list>
</ion-content>

正如你可以在代码中看到的,我正在声明这样的点击处理程序(click)=“open($event,item)”,并将事件和项目(在* ngFor中声明)发送到open()方法(在组件代码中声明).

如果您只想显示该项目,并且您不需要从事件中获取信息,则可以直接(点击)=“打开(项目)”并修改open public(public)(item){.. .}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!