php - 如何将值从 json_encode 传递到 angularjs

Question

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

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

如何将计数传递到 AngularJS 文件并显示它而不是 AngularJS 文件中的 1500？

Answer 1

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

将此代码添加到您的 Controller 中

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

在标记中

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

将此 css 添加到您的 css 文件中

.bold {
   font-weight: bold;
}

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

Angular references : $http services