Php 离子2-数据库内容不可单击

我正在将数据库中的数据添加到ionic2应用程序中，下面是php文件的一段代码：

if(!empty($oefening1) && !empty($rep1) && !empty($set1)){
    echo "<ion-card class='card card-md nextPage1'><img src='assets/img/" . $oefening1 . ".jpg'/>
             echo "<ion-card-content class='card-content card-content-md'
                            <ion-card-title class='card-title card-title-md'>" . $oefening1 ."</ion-card-title>".
                            "<p> Herhalingen:" . $rep1 . "<br> Sets:". $set1 . "</p>".
                    "</ion-card-content></ion-card>"; 
            }

正如你所看到的那样，这很好，我用它来上下一节课。但当我尝试在我的应用程序中使用它时，它不起作用该函数如下所示：

 ionViewDidLoad(){
    $('.nextPage1').click(function () {
       console.log('worked');
       this.navCtrl.push(ExercisePage);
    });
}

ionViewWillEnter(){
 localForage.getItem('getSchema', (err, data) => {
  if(data){
    $('#myDiv').html(data);
  }
});

因此，数据被加载并与类一起存在，但它似乎无法提取数据来处理单击事件。为什么呢？它似乎无法检测到元素，但我认为这很奇怪，因为我这样加载它们：

 ionViewDidLoad(){
    $('.nextPage1').click(function () {
       console.log('worked');
       this.navCtrl.push(ExercisePage);
    });
}

ionViewWillEnter(){
 localForage.getItem('getSchema', (err, data) => {
  if(data){
    $('#myDiv').html(data);
  }
});

---

您应该使用而不是jquery。。ionic 2是基于angular 2构建的，我知道，但我在php文件中加载了Ionion卡，无法在其中添加点击功能。ionic 2也不支持服务器端js。不确定从php发送模板是否也能正常工作。该卡正在被提取，但我无法处理点击事件，正如@suraj所说，您不应该使用任何后端来生成html标记。您最好更改您的结构：更改PHP层以响应一些数据（可能是json？），并在ionic层中使用它，使用来自ionic/angular的内置模板引擎。