angularjs--$http

Posted 昱歌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs--$http相关的知识,希望对你有一定的参考价值。

angularjs--$http

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 6     <title>index</title>
 7     <link href="{$Think.const.CSSURL}bootstrap.min.css" rel="stylesheet" type="text/css"/>
 8     <script src="{$Think.const.JS}jquery.min.js" type="text/javascript"></script>
 9     <script src="{$Think.const.JS}bootstrap.min.js" type="text/javascript"></script>
10     <script src="{$Think.const.JS}angular.min.js" type="text/javascript"></script>
11     <link href="{$Think.const.CSSURL}home/index.css" rel="stylesheet" type="text/css"/>
12 </head>
13 <body ng-app="myapp" ng-controller="myctrl">
14 <div class="container">
15     <h1 class="page-header">前端技术</h1>
16     <p>{{rows.name}},{{rows.age}}</p>
17     <img src="{$Think.const.HOMEIMG}/01.png" />
18 </div>
19 </body>
20 <script>
21     app = angular.module("myapp",[]);
22     app.controller("myctrl",function($scope,$http){
23         $http.get("http://localhost/tkphp/index.php/home/index/ajax").success(function (res) {
24             $scope.rows = res;
25         })
26     });
27 </script>
28 </html>
29 
30 <?php
31 namespace Home\Controller;
32 use Think\Controller;
33 class IndexController extends Controller {
34     public function ajax(){
35         $data["name"] = "jack";
36         $data["age"] = 10;
37         $this->ajaxReturn($data);
38     }
39 }
40 ?>

以上是关于angularjs--$http的主要内容,如果未能解决你的问题,请参考以下文章

初入AngularJS基础门

Angularjs双向绑定

AngularJS ——ngResourceRESTful APIs 使用

浅谈AngularJS中的$parse和$eval

AngularJS

AngularJS入门学习笔记一