How to pass value from json_encode to angularjs

Question

I'm trying to display a row count from a php file in AngularJS

php

//count.php output displays 1500
echo json_encode($total);

angular

//navigationController.js
angular
  .module('theme.core.navigation_controller', ['theme.core.services'])
  .controller('NavigationController', ['$scope', '$location', '$timeout', function($scope, $location, $timeout) {
    'use strict';
    $scope.menu = [{
      label: 'Overview',
      iconClasses: '',
      separator: true
    }, {
      label: 'Home',
      iconClasses: 'glyphicon glyphicon-home',
      url: '#/'
    }, {
      label: 'Clients',
      iconClasses: 'glyphicon glyphicon-th-list',
      html: '<span class="badge badge-warning">**1500**</span>',
      url: '#/clients'
    }, {
      label: 'Map',
      iconClasses: 'glyphicon glyphicon-map-marker',
      url: '#/map'
    }];

How do I pass the count to the angularjs file and display it instead of the 1500 in the angularjs file?

I am new to this site. I tried to bold the 1500 in the code for the js file. — Nick
– Nick, Commented Jun 12, 2015 at 13:57

Sevle · Accepted Answer · 2016-02-29 01:09:27Z

2

You can use $http and make a request to your php file and get the count.

Add this code into your controller

$http.get('url to count.php').then(function (count) {
   $scope.count = count
})

In the markup

<div class="bold">{{count}}</div>

Add this css into your css file

.bold {
   font-weight: bold;
}

If you have a lot of backend transactions performed on the page then it is better you use angularjs services.

Angular references : $http services

edited Feb 29, 2016 at 1:09

Sevle

3,1192 gold badges22 silver badges32 bronze badges

answered Jun 12, 2015 at 13:58

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2048239 · Accepted Answer · 2015-06-12 13:58:40Z

1

You should really be using a dataFactory as a service to interact between the backend PHP and the front end AngularJS

http://weblogs.asp.net/dwahlin/using-an-angularjs-factory-to-interact-with-a-restful-service

answered Jun 12, 2015 at 13:58

user2048239

115 bronze badges

Collectives™ on Stack Overflow

How to pass value from json_encode to angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related