尝试在打字稿中动态更新 html

Question

我有一个列出用户纬度位置的html文件。我目前可以在单击按钮时更新 html 文本，该按钮调用打字稿函数。我想要的是调用我的函数 onload，在页面完全加载之前更新文本。我尝试使用加载功能，但没有运气。这是我的 html，假设我正确清理了我的代码，它应该是可重现的：

<ion-app>
<ion-content [fullscreen]="true">
<div id="container">
<h1>Go-To-Gate Reminder</h1>
<div class="row">
<ion-icon size="large" name="walk"></ion-icon>
<p> Walking speed </p>
<text id="updater"></text>
</div>
</div>
</ion-content>
</ion-app>

这是我的 TS 文件：

import { Component } from '@angular/core';
import { Geolocation } from '@ionic-native/geolocation/ngx';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
framework = 'At exact boarding time';
constructor(private geolocation: Geolocation) {}
// use geolocation to get user's device coordinates
getCurrentCoordinates() {
this.geolocation.getCurrentPosition().then((resp) => {
this.latitude = resp.coords.latitude;
this.longitude = resp.coords.longitude;
}).catch((error) => {
console.log('Error getting location', error);
});
document.getElementById("updater").innerHTML = '&nbsp' + this.latitude
}

Answer 1

尝试从构造函数中调用getCurrentCoordinates方法。