user-interface - 如何更改 NativeScript 标签的文本

Question

我是 NativeScript 的新手，我需要能够更改标签的文本。我对如何执行此操作感到困惑，需要帮助。我怎样才能做到这一点？提前致谢!

Answer 1

第一种方式:

您可以为您想要获取的标签设置一个id，并在 Controller 文件(.js)中使用getViewById<引用它:

在 page.xml 中:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="onLoaded">
    <Label id="myLabel" text="" />
</Page>

在 page.js 中:

function onLoaded(args) {
    var page = args.object;
    var myLabel = page.getViewById("myLabel");
    myLabel.text = "Hello World";
}
exports.onLoaded = onLoaded

第二种方式:

您将一个上下文(一个 Observable 对象)绑定(bind)到 page.xml 并通过该上下文的属性之一设置标签的文本。通过这种方式，当您更改属性的值时，标签将自行更新文本:

在 page.xml 中:

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="onLoaded">
    <Label text="{{ myText }}" />
</Page>

在 page.js 中:

var Observable = require("data/observable").Observable;
function onLoaded(args) {
    var page = args.object;
    var context = new Observable({
        myText: "Hello World"
    })
    page.bindingContext = context;
    //Change label's text
    context.set("myText", "Goodbye World");
}
exports.onLoaded = onLoaded;