zoukankan      html  css  js  c++  java
  • --@angularJS--$http服务与后台数据交互

    1、httpBasic.html:

    <!DOCTYPE HTML>
    <html ng-app="app">
    <head>
        <title>$http与后台数据交互</title>
        <meta charset="utf-8">    
        <link rel="stylesheet" href="../css/bootstrap.css">
        <script src="../js/angular.js"></script>
    </head>
    <body>
    <div ng-controller="loadDataCtrl">
        <ul>
            <li ng-repeat="user in users">
                {{user.name}}
            </li>
        </ul>
    </div>
    <script src="httpBasic.js"></script>
    </body>
    </html>

    2、httpBasic.js:

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

    myModule.controller('loadDataCtrl', ['$scope', '$http',
        function($scope,$http){
        $http({
            method:'GET',
            url:'data.json'
        }).success(function(data,status,header,config){
            console.log(data);
            $scope.users = data;//直接为ng-repeat里面的users赋值了
        }).error(function(data,status,header,config){
            console.log("错误......");
        });
    }]);

    3、后台数据文件——data.json

    [{
        "name": "《用AngularJS开发下一代WEB应用》"
    },{
        "name": "《Ext江湖》"
    },{
        "name": "《AngularJS权威指南》"
    }]

  • 相关阅读:
    (转)python3 计算字符串、文件md5值
    CF1398D Colored Rectangles(DP)
    Colab运行GitHub代码
    Pytorch错误解决
    SAP内部订单
    料工费
    摘抄,泛起内心的一丝波澜
    审计意见类型
    生产订单设置自动倒冲
    SAP常用事务码及规则tcode
  • 原文地址:https://www.cnblogs.com/koleyang/p/4519071.html
Copyright © 2011-2022 走看看