angularjs--$http

標籤：min   localhost   oca   htm   css   link   use   head   type   

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 <?php31 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