离子，home.html无法识别<script>

Question

您好，我是ionic（ionic 4.1.1）的新手，但是我仍然没有找到将javascript实现到home.html中的方法，例如：

等待中...

<ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content
    pullingText="Pull to refresh"
    refreshingText="Refreshing...">
    </ion-refresher-content>
</ion-refresher>

<script>
    alert('hey');
    var loops = setInterval(test ,3000);
    alert('heyy');
</script>

<br><br><br><br>

<button ion-button block (click)= "test(); test2()"> Test </button>

`

我也尝试过在没有所有离子含量和离子标头等的情况下进行此操作...但是没有任何效果，所以...有人遇到相同的错误/问题吗？

谢谢阅读

Answer 1

欢迎来到Stackoverflow MrPfalbo！

在Ionic中，您将javascript代码放在正在处理的任何页面的相应.ts文件中。 由于您位于home.html ，因此需要将Javascript代码放在home.ts 。 下面的示例代码：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  ionViewDidLoad() {
    alert('hey');
    var loops = setInterval(test ,3000);
    alert('heyy');
  }

}