JSON

AngularJS Convert String To Object Example

Are you looking for how to convert string to json object using angular.fromjson() in angular js app. we will convert string to object using fromjson(). we can easily convert string to javascript object in angular.js.

  • 4.5/5.0
  • Last updated 08 September, 2022
  • By Admin

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\":\"Code Mater\",\"email\":\"codewale@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 - codewale.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\":\"Code Master\",\"email\":\"codewale@gmail.com\" }";
      $scope.myObj = angular.fromJson($scope.myTextObj);
      console.log($scope.myObj);
   }]);
</script>
</html>
Output:
Object
    email: "codewale@gmail.com"
    name: "Code Master"

I hope it can help you...