Angular 如何使用TypeScript和ionicBootstrap单击？

我不确定

ng click

在带有Typescript的离子2中是如何工作的

基本上，我的Ionic应用程序如下所示：

class MyApp { 
 ...
 showPopup() { .. } 
 ...
}
ionicBootstrap(MyApp);

编辑：我还尝试在specific-page.ts文件中添加该函数，但不起作用

我尝试在

ng单击中使用showPopup（），但是很明显，缺少了一些内容，我在文档中找不到有关它的任何信息

ng-click="showPopup()"

你知道我错过了什么吗？我知道在没有Typescript的情况下，必须使用$scope，但是使用Typescript和IonicBootstrap呢？
Ionic2基于Angular 2，使用click事件（）的正确方法是

//组件代码
从“@angular/core”导入{Component}”；
@组成部分({
templateUrl:“home.html”
})
导出类主页{
公共物品：阵列；
构造函数（）{
this.items=[“item1”、“item2”、“item3”]
}
公开赛（活动、项目）{
警报（‘未结’项+项目）；
}
}

然后在你看来

<!-- View -->
<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>


我的应用程序
{{item}}

正如您在代码中看到的，我像这样声明单击处理程序
（click）=“open（$event，item）”
，并将事件和项（在*ngFor中声明）发送到
open（）
方法（在组件代码中声明）

如果您不需要从事件中获取信息，您只需执行
（单击）=“打开（项目）”
，并在html组件中修改类似此public
open（项目）{…}
的打开方法，您需要使用
（单击）=“showPopup（）”
。比如说：

<button (click)='showPopup()'>Click here</button>

此外，您可以像通常一样传递参数<代码>（单击）=显示弹出窗口（参数1，参数2，…）

啊，我被角度1弄糊涂了！谢谢是否有可用变量的列表，如模板的$event？使用ng click有什么变化？

<button (click)='showPopup()'>Click here</button>

class MyApp { 
 ...
 showPopup() { .. } 
 ...
}