Nativescript TS-Ontap不更改渲染中的标签值

Question

我正在重新学习Nativescript的诀窍，从v4开始就没有接触过它。

当我点击按钮时，我正在尝试更新标签的值。当我进行控制台操作时，我可以看到模型中的值变化，但它不会反映在屏幕上。

我在下面的文件：

主页.ts

import { NavigatedData, Page } from "@nativescript/core";
import { HomeViewModel } from "./home-view-model";
export function navigatingTo(args: NavigatedData): void {
if (args.isBackNavigation) {
return;
}
const page = <Page>args.object;
page.bindingContext = new HomeViewModel();
}

主页.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo">
<ActionBar title="NativeFlix" />
<StackLayout height="100%">
<TextField hint="Enter Something" text="{{ _geo_longitude }}"/>
<Label text="{{ _geo_longitude }}"/>
<Button tap="{{ onTap }}" text="Button"/>
</StackLayout>
</Page>

home-view-model.ts

import {
Frame,
Observable,
ObservableArray,
ItemEventData,
} from "@nativescript/core";
export class HomeViewModel extends Observable {
public _geo_longitude: number;
constructor() {
super();
}
async onTap(args: ItemEventData): Promise<void> {
console.log("OnTap Triggered")
console.log( this._geo_longitude )
this._geo_longitude = 123213;
}
}

关于我做错了什么的指导，以及一些指向文档的指针会很好。

Answer 1

Button中的点击事件没有绑定正确。注意"；点击"；。。。

<Button text="Tap me!" (tap)="onTap($event)"></Button>