AngularJS http 服务

最新推荐文章于 2022-03-29 09:36:38 发布

ms_勇往直前

最新推荐文章于 2022-03-29 09:36:38 发布

阅读量181

点赞数

文章标签： angularjs

本文链接：https://blog.csdn.net/mhw828/article/details/78607620

版权

AngularJS http 服务

2017/11/20 13:28:10

效果

代码



    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>

        <script type="text/javascript" src="js/angular.min.js"></script>

        <script type="text/javascript">

            var app = angular.module("msApp", []);

            app.controller("msCtrl", function ($scope, $http) {


                $scope.data

                $scope.httpgetthen = function () {
                    $http.get("data.json").then(function (response) {

                        $scope.data = response.data

                    })
                }
            })


        </script>


    </head>
    <body ng-app="msApp" ng-controller="msCtrl">

    <button ng-click="httpgetthen()">$http.get then</button>


    <p>{{data}}</p>

    </body>
    </html>

json数据

    [
      {
        "name": "ms1",
        "age": "12",
        "sex": "man"
      },
      {
        "name": "ms2",
        "age": "22",
        "sex": "man"
      },
      {
        "name": "ms3",
        "age": "24",
        "sex": "woman"
      }
    ]