_co.addCourse() 不是一个函数——即使我已经在 ts 文件中定义了它

Question

所以我对 Ionic-angular 开发非常陌生，现在我只是想在我的 home.ts 文件中定义一个函数，并在我的 home.html 文件中调用它，以便在我的 FirebaseDB 中进行基本的创建.这是我的 home.html 文件：

home.html
    <ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Blank
    </ion-title>
    <ion-buttons end>
        <button ion-button icon-only (click)="addCourse()">
          <ion-icon name="add"></ion-icon>
        </button>
      </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content padding>
</ion-content>

这是我的 home.ts 文件

home.ts
    import { Component } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { Observable } from '../../../node_modules/rxjs';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  songsList: AngularFireList<any>;
  songs: Observable<any>;

  constructor(public navCtrl: NavController, public afDB: AngularFireDatabase, public alertCtrl: AlertController) {
    this.songsList = this.afDB.list('/songs');
    this.songs = this.songsList.valueChanges();

    function addCourse(){
      let prompt = this.alertCtrl.create({
        title: 'Course Name',
        message: "Enter the Course Code",
        inputs: [
          {
            name: 'title',
            placeholder: 'Title'
          },
        ],
        buttons: [
          {
            text: 'Cancel',
            handler: data => {
              console.log('Cancelled');
            }
          },
          {
            text: 'Save',
            handler: data => {
              const newSongRef = this.songs.push({});

              newSongRef.set({
                id: newSongRef.key,
                title: data.title
              });
            }
          }
        ]
      });
      prompt.present();
    }
  }


    }

当我从 function addCourse(){...} 中删除声明“函数”时出现错误，但我在网站上收到此错误

_co.addCourse() is not a function. (In '_co.addCourse()','_co.addCourse() is undefined)

首先我认为这是因为我应该在构造函数之外定义函数，但是我如何调用数据库或警报控制器？

感谢您的帮助！

Answer 1

你不应该有关键字function，它应该在构造函数之外，把它改成，

constructor(public navCtrl: NavController, public afDB: AngularFireDatabase, public alertCtrl: AlertController) {
}

addCourse(){
}