angularjs数据交互
Posted 天然灰
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了angularjs数据交互相关的知识，希望对你有一定的参考价值。
异步问题
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数据交互的主要内容，如果未能解决你的问题，请参考以下文章
深究AngularJS——Directive和Scope数据隔离与交互