Nativescript übergeben fetch Antwortdaten auf eine Ebene Text

Question

In meiner nativescript App, ich versuche, eine Ebene von der Antwort meiner API durch Fetch-Modul bulid.Aber ich weiß nicht, wie Sie den Kontext in Obserable binden binden den Kontext, wenn Seite loaded.Here mein Code- ist

Antwort von meinem API-

[{"value":"12000$"}] 

ich möchte bekommen, dass Wert von Reaktion in {{price}} in meinem Level Text .

Ansicht File-

<Page loaded="loaded"> 
    <GridLayout> 
    <Label text="{{ price }}" horizontalAlignment="left" verticalAlignment="center" tap="model" /> 
     </GridLayout> 
</Page> 

Anfrage-

fetch("http://10.0.2.2:8000/get_model", { 
     method: "POST", 
     headers: { "Content-Type": "application/json" }, 

     body: JSON.stringify({ 
       brand: data, 
    }) 
}).then(r => { return r.json(); }).then(function (data) { 
console.log(data[0].value); 

//How to push the value in obserable? 

}, function (e) { 
    console.log("Error occurred " + e); 
}); 

Answer 1

var observableModule = require("data/observable"); 

var viewModel = new observableModule.Observable(); 
viewModel.set("ip", "none"); // initial value 

function onLoaded(args) { 
    var page = args.object; 
    page.bindingContext = vm; 

    fetch("http://httpbin.org/ip", { 
     method: "GET", 
     headers: { "Content-Type": "application/json" } 
    }) 
    .then(function (res) { return res.json(); }) 
    .then(function (data) { 
     console.log(data.origin); // make sure you are getting the value 
     viewModel.set("ip", data.origin); // binding to "price" 

    }) 
} 
exports.onLoaded = onLoaded; 

holen und in Ihrem page.xml das geladene Ereignis verwenden

<Page loaded="onLoaded"> 
    <Label text="{{ ip }}"/> 
</page> 

In diesem Fall httpbin. org gibt die Daten im Format

zurück

{"origin" : "some-ip-address-here"}