如何在组件中声明一个函数,并在click事件上调用它.
角1
角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){.. .}
