AngularJS 1.x学习<2>
来源:互联网 发布:php源码分享 编辑:程序博客网 时间:2024/05/19 15:25
一. $http
AngularJS $http
是一个用于读取web服务器上数据的服务。$http.get(url)
是用于读取服务器数据的函数。
<div ng-app="myApp" ng-controller="customersCtrl"> <ul> <li ng-repeat="x in names"> {{ x.Name + ', ' + x.Country }} </li></ul></div><script>var app = angular.module('myApp', []);app.controller('customersCtrl', function($scope, $http) { $http.get("http://www.runoob.com/try/angularjs/data/Customers_JSON.php") .success(function(response) {$scope.names = response.records;});});</script>
二.模块
模块定义了一个应用程序。
模块是应用程序中不同部分的容器。
模块是应用控制器的容器。
控制器通常属于一个模块。
通过 AngularJS 的 angular.module 函数来创建模块:
<script>var app = angular.module("myApp", []); </script>
三.动画
AngularJS 提供了动画效果,可以配合 CSS 使用。AngularJS 使用动画需要引入 angular-animate.min.js
0 0
- AngularJS 1.x学习<2>
- AngularJS 1.x学习<1>
- angularjs 2.x 学习
- AngularJS(1.X)
- (1)AngularJS 1.X 之 认识AngularJS
- AngularJS 学习笔记2
- AngularJS学习2
- AngularJs学习笔记2
- JS学习笔记——AngularJS 1.x双向数据绑定机制
- AngularJS 学习笔记(2) AngularJS 表达式
- Sharping Up with Angularjs 1.x -Direactive
- (4)AngularJS 1.X 之控制器
- (8)AngularJS 1.X 之过滤器
- AngularJS 1.x入门·简介
- AngularJS(1.X)的一个表达式
- angularjs 1.3.x入门教程 2 Bootstrapping
- AngularJS学习笔记(2)
- angularjs学习系(2)
- 1010. Radix (25)
- struts2中自定义拦截器
- 揭开“流量劫持”的神秘面纱
- Edit Distance(两字符串经过最少操作匹配)
- 3.1.16 函数的副作用
- AngularJS 1.x学习<2>
- Android中Application类用法
- 把 HTML 实体转换为字符:html_entity_decode() 函数
- 第四次上机作业
- poj 3041 Asteroids
- Servlet重定向和转发、如何将中文插入数据库
- 3.2.1 基本数据结构——binhash.c:哈希表
- C++实现——求取最大公约数
- nginx+keepalive主从双机热备+自动切换解决方案