码迷,mamicode.com
首页 > Web开发 > 详细

angularjs数据交互

时间:2018-07-19 00:47:24      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:ESS   更新   oct   erro   问题   $.ajax   set   无法绑定   str   

异步问题
ajax异步请求数据
完数据后给$scope赋值的时候需要检查$scope的数据更新没有。要不然无法绑定数据。
<!DOCTYPE html>
<html ng-app="test_ajax">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="angular.js" charset="utf-8"></script>
        <script src="jquery.js"></script>
    <script>
    let mod=angular.module(test_ajax, []);
    mod.controller(main, function ($scope){
      $.ajax({
        url: arr.txt,
        dataType: json,
        success(res){
          $scope.arr=res;
          $scope.$apply(); //检查
        },
        error(){
          alert(错了);
        }
      });
    });
    </script>
  </head>
  <body ng-controller="main">
    <ul>
      <li ng-repeat="a in arr">{{a}}</li>
    </ul>
  </body>
</html>
$scope.$apply(); //检查

直接用angularjs方法get方法请求数据
<!DOCTYPE html>
<html ng-app="test_ajax">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="angular.js" charset="utf-8"></script>
    <script>
    let mod=angular.module(test_ajax, []);
    mod.controller(main, function ($scope, $http){
      $http.get(arr.txt).then((res)=>{
        $scope.arr=res.data;
      }, (err)=>{
        alert(错了);
      });
    });
    </script>
  </head>
  <body ng-controller="main">
    <ul>
      <li ng-repeat="a in arr">{{a}}</li>
    </ul>
  </body>
</html>

angularjs数据交互

标签:ESS   更新   oct   erro   问题   $.ajax   set   无法绑定   str   

原文地址:https://www.cnblogs.com/tianranhui/p/9333530.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!