如何将值从json_encode传递给angularjs

时间:2015-06-12 13:52:56

标签: php jquery angularjs

我正在尝试从AngularJS中的php文件中显示行数

PHP

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

//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'
    }];

如何将计数传递给angularjs文件并在angularjs文件中显示它而不是1500?

2 个答案:

答案 0 :(得分:2)

您可以使用$http并向您的php文件发出请求并获取计数。

将此代码添加到您的控制器

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

在标记中

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

将此css添加到您的css文件

.bold {
   font-weight: bold;
}

如果您在页面上执行了大量后端事务,那么最好使用angularjs服务。

  

角度引用: $http services

答案 1 :(得分:1)

您应该使用dataFactory作为服务在后端PHP和前端AngularJS之间进行交互

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