zoukankan      html  css  js  c++  java
  • AngularJs练习Demo9 Http

    @{
        Layout = null;
    }
    
    <!DOCTYPE html>
    
    <html>
    <head>
        <meta name="viewport" content="width=device-width" />
        <title>Provider</title>
        <script type="text/javascript" src="~/Scripts/angular.js"></script>
        <script type="text/javascript">
            var myApp = angular.module("myApp", []);
    
            //
            myApp.service("serviceServices01", function ($http, $log) {//不能直接返回字符串,因为内部是用new来实例化的所以可以直接用this来表示当前的service
                //var _name = "";
                //var service = {};
                //service.setName = function (name) {
                //    _name = name;
                //}
                //service.getName = function (name) {
                //    return _name;
                //}
                //return service;
                //  $log.warn("警告");
                var _name = "";
                var service = {};
                this.setName = function (name) {
                    _name = name;
                };
                this.getName = function (name) {
                    return _name;
                };
                this.getData = function () {
                    var myUrl = "http://wwww.phonegap100.com/apiapi.php?a=getPortallList&catid=20&page=1&callback=JSON_CALLBACK";
    
                    return $http.jsonp(myUrl, { cache: true });//缓存请求,相同的请求直接从缓存取数据不会再跑服务器
                    // return _name;
                }
    
            });
    
    
    
    
    
    
    
            myApp.controller("firstController", ["$scope", "serviceServices01", "$location", function ($scope, serviceServices01, $location) {
                $scope.name = "张三";
              console.log($location.absUrl());
    
                serviceServices01.getData().success(function (data) {
                    console.log(data);
                }).error(function (err) {
                    console.log("失败");
                });
            }]);
    
            myApp.controller("secondController", ["$scope", "serviceServices01", function ($scope, serviceServices01) {
                $scope.name = "李四";
            }]);
    
        </script>
    
    </head>
    <body>
        <div ng-app="myApp">
            <div ng-controller="firstController">
    
                {{name}}
    
            </div>
            <div ng-controller="secondController">
    
                {{name}}
    
            </div>
        </div>
    </body>
    </html>
    

      

  • 相关阅读:
    67 个拯救前端开发者的工具、库和资源
    js常用的工具函数
    npm快捷键
    给bootstrap table设置行列单元格样式
    script标签中type为"text/x-template"或"text/html"
    【转载】Ogre3d 2.1 源码编译安装教程
    【转载】OGRE 2.1 Windows 编译
    【转载】DXUT11框架浅析(4)--调试相关
    【转载】GitHub详解
    【转载】3D/2D中的D3DXMatrixPerspectiveFovLH和D3DXMatrixOrthoLH投影函数详解
  • 原文地址:https://www.cnblogs.com/sumg/p/5605354.html
Copyright © 2011-2022 走看看