Nativescriptがレスポンスデータをレベルテキストにフェッチする

Question

私のnativescriptアプリケーションでは、フェッチモジュールを通してAPIのレスポンスからレベルを大きくすることを試みています。しかし、私はobserable.Howのコンテキストをバインドする方法を知らないページloaded.Hereは私のAPI-

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

から私のコード -

応答のとき、私は私のレベルのテキストで{{価格}}に応答からその値を取得したいコンテキストをバインド。 [ファイル] -

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

ビューはhttpbin、この場合、

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

ロードされたイベントを使用して要求 -

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; 

とあなたのpage.xmlでを取得します。組織はデータを

の形式で返します

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