如何更改NativeScript标签的文本

Question

我是NativeScript的新手，我需要能够更改标签的文本。我很困惑如何做到这一点，需要帮助。我怎样才能做到这一点？提前致谢！

Answer 1

第一种方式：

您可以设置要获取标签的id，并通过使用getViewById在控制文件中引用它（这是.js）：

在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 

方式二：

您绑定的上下文（可观察对象）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;