Angular 学习笔记——$http

<!DOCTYPE HTML>
<html ng-app="myApp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script src="angular.min.js"></script>
<script>
    var m1 = angular.module(‘myApp‘,[]);
    m1.controller(‘may‘,[‘$scope‘,‘$http‘,‘$timeout‘,function ($scope,$http,$timeout){
        var timer = null;
        $scope.change = function (name){
            $timeout.cancel(timer);

            timer = $timeout(function (){
                $http({
                    method:‘JSONP‘,
                    url:‘https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=‘+name+‘&cb=JSON_CALLBACK‘
                }).success(function (data){
                    $scope.data = data.s;
                })
            },500);
        }
    }])
</script>
</head>

<body>
    <div ng-controller=‘may‘>
        <input type=‘text‘ ng-model=‘name‘ ng-keyup="change(name)">
        <input type="button" value="search" ng-click="change(name)">
        <ul>
            <li ng-repeat=‘d in data‘>{{d}}</li>
        </ul>
    </div>

</body>
</html>
时间: 2024-08-08 03:35:44

Angular 学习笔记——$http的相关文章

angular学习笔记(一)

入门实例: 一个购物车产品清单,可以自行改变数量,总价自动计算的小例子: 代码如下: <!DOCTYPE html> <html ng-app> <head> <title>1.1实例:购物车</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="

angular 学习笔记

每天进步一点点,学习笔记 笔记来自  angular权威指南 如果想要屏蔽浏览器对表单的默认验证行为,可以在表单元素上添加 novalidate 标记. 而按钮标签则完全忽略 hr e f 属性,并不会在被点击时有同样的行为. 指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径.例如,我们可以创建一个自定义元素,它实现了 <video> 标签的功能并且能在所有浏览器中工作: directive() 方法返回的对象中包含了用来定义和配置指令所需的方法和属性. 声明指令本质上是

angular学习笔记

时隔一年之后重新学习angularJS,感慨良多. 去年刚刚接触web编程的时候,朋友告诉我angularJS很好用,于是在仅仅了解HTML和css开始学习angularJS,困难程度可想而之,而且并不明白其价值,武断的认为通过服务端可以不需要angular之类的工具解决所有问题.一年之后,对js的语法相对熟悉,尝试过自己写一个网站之后,不但非常快速的掌握了angularJS的大致内容,而且明白angular的价值.由此也可以说明只有在大量的实践之后,自身抽象问题的能力才会提高. angular

angular学习笔记1

Angular发展史: 12年,angularJS1.0.0正式版推出:亮点功能基本齐备,如双向绑定.依赖注入.指令等: AngularJS1.3.x放弃支持IE8,推出了单次绑定语法: AngularJS1.5.x增加类似组件式书写体验,主要为过渡angular2做铺垫: Angular1.x困境: 性能问题.落后于当前web发展理念,如组件式开发方式.对手机端支持不够友好 Angular2新特性: 移除controller+$scope设计,改用组件式开发,更易上手: 性能更好(渲染更快,变

Pandoc 学习笔记

Pandoc 学习笔记

GIT & GitHub 学习笔记

SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活, 干完后,需要把自己做完的活推送到中央服务器.集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网 速慢的话,就纳闷了. Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不需要联网了,因为版本都是在自己的电脑 上.既然每个人的电脑都有一个完整的版本库

【DAY12】第十二天集合&泛型&IO学习笔记

hash:散列 ------------------ Hashset集合内部是通过HashMap进行实现的.使用的是HashMap中key部分. 对象在添加进集合中时,首选会对hashcode进行处理(hashcode右移16位和 自身做异或运算)得到一个经过处理的hash值,然后该值和集合的容量进行 &运算,得到介于0和集合容量值之间一个数字.该数字表示着数组的下标. 也就是该元素应该存放在哪个元素中. Map与Collection -------------- Map与Collection在

HTML5+Bootstrap 学习笔记 4

HTML5 <map> <area> 标签 <map> 标签定义客户端的图像映射.图像映射是带有可点击区域的图像. <area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像). area 元素始终嵌套在 <map> 标签内部. 1 <img src ="planets.gif" alt="Planets" usemap ="#planetmap" /> 2

angular学习笔记(八)

本篇介绍angular控制视图的显示和隐藏: 通过给元素添加ng-show属性或者ng-hide属性来控制视图的显示或隐藏: ng-show: 绑定的数据值为true时,显示元素,值为false时,隐藏元素 ng-hide: 绑定的数据值为true时,隐藏元素,值为false时,显示元素 (其实只要用到其中一个就可以了) 下面来看个简单的例子,点击按钮可以显示/隐藏元素: <!DOCTYPE html> <html ng-app> <head> <title>