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 ?>
时间: 2024-11-05 21:09:42

angularjs--$http的相关文章

Scope in AngularJS

From the RUNBOOM.COM, it said: Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带. Scope 是一个对象,有可用的方法和属性. Scope 可应用在视图和控制器上. While, how many scopes can we have? is there any structure in it? I got those question when I come to it. After a tough time r

另类angularjs应用

回顾 上一篇文章主要讲解了创建兼容任意浏览器(主要是ie的一些奇葩问题)的angularjs web应用,但是项目开发中其实更重要的还是在功能的模块化.代码自动压缩上面,这样项目在后期维护或者功能的重复利用上才会更方便,那么今天主要围绕以下几个主题来讲讲如何在不是用其他js模块化库的情况下,开发便于管理的angualrjs模块化代码: 使用service来创建模块 模块间引用 代码合并及压缩 本文中的代码均已nodejs来实现. nodejs中,使用UglifyJS2来实现代码压缩 使用serv

Getting Started with Django Rest Framework and AngularJS

转载自:http://blog.kevinastone.com/getting-started-with-django-rest-framework-and-angularjs.html A ReSTful API is becoming a standard component of any modern web application. The Django Rest Framework is powerful framework for developing ReST endpoints

angularjs

Angular数据绑定的核心:脏检查(通过事件循环检查数据模型的变化) 双向数据绑定:意味着如果视图改变了某个值,数据模型会通过脏检查观察到这个变化,而如果数据模型改变了某个值,视图也会依据变化重新渲染. 模块: 模块声明: angular.module('myApp', ['m1']); 第一个参数是模块名称,第二个参数是依赖的模块名称. 模块获取: angular.module('myApp') scope:$scope对象是定义应用业务逻辑.控制器和视图属性的地方.AngularJS启动并

表单验证&amp;lt;AngularJs&amp;gt;

经常使用的表单验证指令 1. 必填项验证 某个表单输入是否已填写,仅仅要在输入字段元素上加入HTML5标记required就可以: <input type="text" required />   2. 最小长度 验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}": <input type="text" ng-minlength="5" /> 3.

初识AngularJs

今天看看angular.文章将从三个大的部分来说,第一部分什么是angular,第二部分,初次使用时需要注意的一些事项,第三部分,angular基础概念: 一,什么是AngularJs? AngularJs是为了克服html在构建应用上的不足而设计的,它是一个JavaScript框架.通过使用我们称为标识符的结构,让浏览器能够识别新的语法.例如使用{{}}进行数据绑定. AngularJs通过为开发者呈现一个更高层次的抽象来简化应用开发,这在带来方便的同时也导致灵活性的降低.AngularJs主

Angularjs[1]

001-: 客户端模版:Angular中,模版和数据均会被发送到浏览器中,然后在客户端进行装配. 数据绑定(MVVM):数据绑定可以自动将 model 和 view 之间数据同步. 依赖注入: 002-数据绑定: 搭建Angularjs开发环境  www.angularjs.org <body ng-app> <input type="text" ng-model="name" value=""> <!--{{ang

初探AngularJS

一.前言 早已听说AngularJS的大名,并在很久前也编写过些小demo,但是都没有系统学习过.由于,在下个版本项目中用到了AngularJS,so,那就一起再来研究研究呗. 说到,这个AngularJS,其核心就是对HTML标签的增强. 何为HTML标签增强? 其实就是使你能够用标签完成一部分页面逻辑,具体方式就是通过自定义标签.自定义属性等,这些HTML原生没有的标签/属性在ng中有一个名字:指令(directive). 至于说AngularJS是MVC,亦或MVVM框架? 都不是,它是M

什么是AngularJS

AngularJS使得开发现代的单一页面应用程序(Single Page Applictions)变得更加容易. 1.AngularJS把应用程序数据绑定到HTML元素 2.AngularJS可以克隆和重复HTML元素 3.AngularJS可以隐藏或显示HTML元素 4.AngularJS可以在HTML元素的背后添加代码 5.AngularJS支持输入验证

angularjs的部分总结

就在这个星期,我们学习了一个神奇的框架叫:"Angular js",它的神奇之处不是它的功能有多强,甚至它的功能还是很简陋的,但是它的那种思想是非常牛逼的;他完全抛弃了我们现在所常用的.先取得对象,然后再对这个对象去绑定或者是处理.它完全的放弃了dom操作,化繁为简.但是我们所说的万物有好处,就会有不理想的地方,比如说它的适应性就不是很好,需要大量dom操作的时候,就不是它的用武之地了,比如说游戏,而且由于与我们常规的做法相违背,所以对于初学者来说不是很友好,有的人说用着很爽,而有的人