Php 如何在AngularJs中绑定web服务？_Php_Angularjs_Webserver

Php 如何在AngularJs中绑定web服务？

php angularjs

Php 如何在AngularJs中绑定web服务？,php,angularjs,webserver,Php,Angularjs,Webserver,我对AngularJS是新手。我创建了一个AngularJs应用程序，如下所示 HTML: <html ng-app="phonecatApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> <script src="angular.j

我对AngularJS是新手。我创建了一个AngularJs应用程序，如下所示

HTML:

<html ng-app="phonecatApp">
    <head>       
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
        <script src="angular.js"></script>
    </head>
    <body ng-controller="PhoneListCtrl">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-2">
                    Search: <input ng-model="query">
                </div>
                <div class="col-md-10">
                    <ul class="phones">
                        <li ng-repeat="phone in phones| filter:query">
                            {{phone.name}}
                            <p>{{phone.snippet}}</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </body> </html>

}))

这是数据绑定的简单示例，但我希望从web服务

localhost/product.php

获取JSON数据，并将其绑定到HTML中。我该怎么做呢？

我找到了一个解决方案

JS代码：

function Hello($scope, $http) {
$http.get('http://localhost/google/cibl/dashboard/get_all_user').
    success(function(data) {
        $scope.greeting = data;
    });

}

和HTML绑定：

        <div ng-app="" ng-controller="Hello">
            <ul>
                <li ng-repeat="x in greeting">
                    {{ x.user_name }}
                </li>
            </ul>
        </div>




{{x.user_name}

它工作正常

你看过吗。只需将来自web服务器的JSON数据分配到其

success

处理程序中的

$scope.phones

        <div ng-app="" ng-controller="Hello">
            <ul>
                <li ng-repeat="x in greeting">
                    {{ x.user_name }}
                </li>
            </ul>
        </div>