• angularjs中的异步操作


    angularjs中的异步操作,AngularJS 提供了一个类似jquery的$.ajax的对象,用于异步请求。
    在AngularJS中对异步操作是推崇至极的,所以$http的操作都是异步的不像jquery.ajax里还提供了async参数。
    "异步问题"
     1.叫回来 $scope.$apply()     angularjs中涉及到数据检查的东西,这个方法表示告诉angularjs,值已经改变了。
     2.用angularjs自己的方法  $http.get()

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>angularjs中的异步操作,"异步问题" 1.叫回来 $scope.$apply()     2.用angularjs自己家的  $http.get()
        </title>
        <script src="https://cdn.staticfile.org/angular.js/1.5.5/angular.min.js"></script>
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
        </script>
    </head>
    <body ng-app="myApp">
        <div ng-controller="main">
            <ul>
                <li ng-repeat="a in arr">
                    {{a}}
                </li>
            </ul>
    
        </div>
    
       <script type="text/javascript">
              
           let mod = angular.module("myApp", []);
           mod.controller("main", ["$scope","$http", function ($scope,$http) {
    
    
               $http.get("arr.txt").then(function (res) {
                   console.log(res.data);
                   $scope.arr = res.data;
               }, function(err){
                   console.log("失败");
                   });
    
    
               //$http.get("arr.txt").then((res) => {
               //    $scope.arr = res.data;
               //}, (err) => {
               //    alert("失败");
               //});
    
    
               //setTimeout(function () {
               //    $scope.arr = [12, 5, 8];
               //    $scope.$apply();
               //}, 10);
    
    
               //$.ajax({
               //    url: "arr.txt",
               //    dataType: "json",
               //    success(res) {
               //        alert(res);
                 
               //        $scope.arr = res;
               //        $scope.$apply();
    
               //    },
               //    error() {
               //        alert("错了");
               //    }
               //});
              // $scope.arr = [12,5,8];
           }]);
       </script>
    
    
    </body>
    </html>
    sometimes the hardest part isn't letting go,but rather start over
  • 相关阅读:
    分分钟制作微信朋友圈页面
    js模板引擎原理,附自己写的简洁模板引擎
    基于H5 pushState实现无跳转页面刷新
    随手学和记——PHP快速上手基础
    ES5 特性概览
    JavaScript错误和异常
    JavaScript闭包探究
    FastDFS总结
    C++11笔记
    leveldb源码笔记
  • 原文地址:https://www.cnblogs.com/zhumeiming/p/9813449.html
Copyright © 2020-2023  润新知