Tuesday, August 6, 2019

thumbnail

Convert Json String to Array in Angularjs

Convert Json String to Array in Angularjs


In this artical, i want to show you how to convert string to json array in angular js. we can convert string array to json object using angular.fromjson() in angular. you can see bellow example to converting string to object in angular js.

You can use code javascript function into angular because angular is a js framework. so you can also use core javascript logic here.

few days ago i have php array but when i use in angular js code then it show me as string even i pass as php array. you can see what i was getting string:


{\"name\":\"Hardik\",\"email\":\"hdtuto@gmail.com\" }


But i need to convert this string to json object so i can use on my angular js code. so i search on google and i found fromjson() of angular function and i make it done. You can also see how to can use angular.fromjson() for converting string to object.

Example:


<!doctype html>
<html>
<head>
<title>AngularJS Convert String to Object Example - hdtuto.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>

<body ng-app='myapp'>

<div ng-controller="myCtrl"> </div>

</body>

<script type="text/javascript">

var app = angular.module('myapp', []);

app.controller('myCtrl', ['$scope', '$http', function ($scope, $http) {

$scope.myTextObj = "{\"name\":\"Hardik\",\"email\":\"hdtuto@gmail.com\" }";
$scope.myObj = angular.fromJson($scope.myTextObj);

console.log($scope.myObj);
}]);

</script>
</html>


Output:


Object
email: "hdtuto@gmail.com"
name: "Hardik"


I hope it can help you...

Subscribe by Email

Follow Updates Articles from This Blog via Email

No Comments