How to bind the json Data in to textbox

Here from the json data getting from the server i need to bind name
HTMl

NAME
<ion-input type=“text” '>

JOSN

{
"_links": {
“self”: {
“href”: “"
},
“type”: {
“href”: "
****”
}
},
“uid”: [
{
“value”: 1
}
],
“uuid”: [
{
“value”: “xxxx”
}
],
“langcode”: [
{
“value”: “en”,
“lang”: “en”
}
],
“preferred_langcode”: [
{
“value”: “en”
}
],
“name”: [
{
“value”: xyz"
}
],
“mail”: [
{
“value”: “XYZ”
}
],
“timezone”: [
{
“value”: “Asia/Kolkata”
}
],
“status”: [
{
“value”: true
}
],
“created”: [
{
“value”: “2017-11-25T12:13:45+00:00”,
“format”: “Y-m-d\TH:i:sP”
}
],
“changed”: [
{
“value”: “2018-03-04T03:02:28+00:00”,
“lang”: “en”,
“format”: “Y-m-d\TH:i:sP”
}
],
“access”: [
{
“value”: “2018-03-09T05:40:09+00:00”,
“format”: “Y-m-d\TH:i:sP”
}
],
“login”: [
{
“value”: “2018-03-09T05:21:31+00:00”,
“format”: “Y-m-d\TH:i:sP”
}
],
“init”: [
{
“value”: "azher@ittblazers.com"
}
],
“default_langcode”: [
{
“value”: true,
“lang”: “en”
}
],
“field_address”: [
{
“value”: “4th Floor”
}
],
“field_city”: [
{
“value”: “Bangalore”
}
],
“field_first_name”: [
{
“value”: “azher”
}
],
“field_last_name”: [
{
“value”: “test”
}
],
“field_phone_number”: [
{
“value”: “xxxxxxxxxxxxxxxx1”
}
],
“field_state”: [
{
“value”: “xxxxx”
}
],
“field_zip_code”: [
{
“value”: xxxxx
}
]
}

did u cut/paste that or type it? cause its not valid json.
errors

“field_zip_code”: [
{
“value”: xxxxx  <--  only numbers and booleans can pass without quotes
}

“format”: “Y-m-d\TH:i:sP”   \ requires to be escaped with another 

anyhow,
you convert from text to object

var data_from_server=JSON.parse(data_from_server);
then the name field is
data_from_server.name[0].value

here is the corrected json (use triple backtick bracketing (cap of key to the left of the number 1 key) to include stuff without interpretation here on this forum)

{
	"_links": {
		"self": {
			"href": ""
		},
		"type": {
			"href": "****"
		}
	},
	"uid": [
		{
			"value": 1
		}
	],
	"uuid": [
		{
			"value": "xxxx"
		}
	],
	"langcode": [
		{
			"value": "en",
			"lang": "en"
		}
	],
	"preferred_langcode": [
		{
			"value": "en"
		}
	],
	"name": [   <---- this an array
		{  <---- 1st element, ie [0]
			"value": "xyz"
		}
	],
	"mail": [
		{
			"value": "XYZ"
		}
	],
	"timezone": [
		{
			"value": "Asia/Kolkata"
		}
	],
	"status": [
		{
			"value": true
		}
	],
	"created": [
		{
			"value": "2017-11-25T12:13:45+00:00",
			"format": "Y-m-d\\TH:i:sP"
		}
	],
	"changed": [
		{
			"value": "2018-03-04T03:02:28+00:00",
			"lang": "en",
			"format": "Y-m-d\\TH:i:sP"
		}
	],
	"access": [
		{
			"value": "2018-03-09T05:40:09+00:00",
			"format": "Y-m-d\\TH:i:sP"
		}
	],
	"login": [
		{
			"value": "2018-03-09T05:21:31+00:00",
			"format": "Y-m-d\\TH:i:sP"
		}
	],
	"init": [
		{
			"value": "azher@ittblazers.com"
		}
	],
	"default_langcode": [
		{
			"value": true,
			"lang": "en"
		}
	],
	"field_address": [
		{
			"value": "4th Floor"
		}
	],
	"field_city": [
		{
			"value": "Bangalore"
		}
	],
	"field_first_name": [
		{
			"value": "azher"
		}
	],
	"field_last_name": [
		{
			"value": "test"
		}
	],
	"field_phone_number": [
		{
			"value": "xxxxxxxxxxxxxxxx1"
		}
	],
	"field_state": [
		{
			"value": "xxxxx"
		}
	],
	"field_zip_code": [
		{
			"value": "xxxxx"
		}
	]
}