Angular--$http服务

Angular--$http服务

    • 代码
    • stu.json

代码


<html lang="en" ng-app="app">
<head><meta charset="UTF-8"><title>Angular-$httptitle>head>
<body ng-controller="MainCtrl as mainctrl"><table width="200" border="2" ><tr><th>编号th><th>姓名th>tr><tr ng-repeat="item in mainctrl.data"><td>{{item.sid}}td><td>{{item.name}}td>tr>table><script type="text/javascript" src="angular.min.js">script><script type="text/javascript">var app = angular.module("app",[]);//依赖注入,依赖$http服务,是一个内置服务//需要放在服务器环境运行//then里边写回调,es6中promise语法,用来解决回调嵌套的问题app.controller("MainCtrl",["$http",function($http){var that=this;//异步需要备份$http.get("stu.json").then(function(result){//将Ajax拉过来的数据,变为控制器自己的数据that.data = result.data.list;});}]);script>
body>
html>

在这里插入图片描述

stu.json

{"list": [{"sid": "001","name": "冷月心"},{"sid": "002","name": "莫山山"},{"sid": "003","name": "叶红鱼"}]
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部