angularJS简介
什么是angularJS?
angularJs是谷歌推出的一款前端框架. 核心思想是前端mvc开发. 底层使用Js语言编写.
angularJs采用html页面+ js来进行操作, 所有angularJs提倡整个网站都是ajax操作.
angularJs是一个重型的前端框架. angularJs比较适合管理系统的页面开发.
使用angularjs: 使用fireFox, chrom浏览器可以使用.
angularJs语法:
1. 使用angular技术页面必须引入angularjs核心包
2. 使用angularjs, 页面的body标签必须加入ng-app指令, 表示当前页面使用angularjs, 指定使用的模块名称
ng-controller指定使用的控制器名称
3. scope:它是angularjs的内置对象,就是angularjs中自带的对象,我们请求的数据,响应的数据,定义的方法,全部都在scope: 它是angularjs的内置对象, 就是angularjs中自带的对象, 我们请求的数据, 响应的数据, 定义的方法, 全部都在scope:它是angularjs的内置对象,就是angularjs中自带的对象,我们请求的数据,响应的数据,定义的方法,全部都在scope中, scope作用域范围是当前页面,每个页面都有自己的scope作用域范围是当前页面, 每个页面都有自己的scope作用域范围是当前页面,每个页面都有自己的scope
4. 使用angularjs页面展示数据:使用两个大括号语法 {{表达式或者变量}}, 如果两个大括号中写的是变量, 那么会
自动到当前页面的scope域范围中查找这个变量的值显示5.页面元素绑定ng−model:ng−model绑定的数据会被自动放入当前页面的scope域范围中查找这个变量的值显示 5. 页面元素绑定ng-model: ng-model绑定的数据会被自动放入当前页面的scope域范围中查找这个变量的值显示5.页面元素绑定ng−model:ng−model绑定的数据会被自动放入当前页面的scope域中
6. 初始化指令ng-init: ng-init指令必须写在页面的body标签中, 如果页面上有这个指令则页面一加载首先执行这个指令
中的内容.
7. angularjs中自定义模块语法:
myApp是我们自己定义的控制器的名称, 第二个参数方括号是传入空的数组, 如果在项目中
是需要传入使用的angularjs插件的名称, 我们这里没有使用插件则传入空的数组
var app=angular.module(‘myApp’,[]);
8. angularjs中自定义控制器语法:
myController是我们自己定义的控制器的名称
注意: angularjs中所有需要使用到的方法, 都会被定义到scope域中,调用方法的时候也是从scope域中, 调用方法的时候也是从scope域中,调用方法的时候也是从scope域中
进行调用, scope域中定义方法需要写在控制器中,控制器在模块中.app.controller(′myController′,function(scope域中定义方法需要写在控制器中, 控制器在模块中. app.controller('myController',function(scope域中定义方法需要写在控制器中,控制器在模块中.app.controller(′myController′,function(scope){
KaTeX parse error: Expected '}', got 'EOF' at end of input: …eturn parseInt(scope.x)+parseInt($scope.y);
}
});
9. 鼠标单击指令ng-click: ng-click指鼠标的单击事件, angularjs中叫做鼠标单击指令
10. 循环指令ng-repeat:
{{临时变量}}
11. angularJs中的ajax访问:
$http是angularjs的内置对象, 作用是发送ajax请求到后端, 请求数据.
$http.get是发送get请求, $http.post是发送post请求
$http.get(‘data.json’).success(
function(response){
$scope.list=response;
}
);
12. 分页:
a. 页面引入angularjs分页插件, 包括js和css
b. 页面一加载首先执行分页标签
c. 由于分页标签中有属性, 所以加载paginationConf属性, 这个属性是一个json数据, 数据格式是
angularjs分页插件固定的格式
d. 由于是页面初始化, 所以默认会执行一次这个paginationConf属性中的onChange方法,
这个方法中可以调用其他js方法, 发送ajax请求到后端查询数据并返回,
返回的数据一共包含两个东西, 一个是查询到的结果集, 一个是查询到的数据的总数
13. $event是angularjs的内置对象, 作用就是通过它可以知道当前的操作
angularJS简介相关推荐
- AngularJS 学习笔记---AngularJS 简介
AngularJS 简介 http://www.runoob.com/angularjs/angularjs-intro.html https://docs.angularjs.org/api/ng ...
- 《AngularJS入门与进阶》图书简介
一.图书封面 二.图书CIP信息 图书在版编目(CIP)数据 AngularJS入门与进阶 / 江荣波著. – 北京 : 清华大学出版社, 2017 ISBN 978-7-302-46074-9 Ⅰ. ...
- AngularJS安装配置与基础概要整理(上)
以前整理的,可供参考. 安装: 1.首先要安装node.js和它的npm包管理系统.(nodejs相关待整理) 2.安装grunt .grunt是一个基于任务的Javascript工程命令行构建工具. ...
- 一款优秀的JavaScript框架—AngularJS
AngularJS简介 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.Angular ...
- AngularJS 作用域与数据绑定机制
AngularJS 简介 AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架,既适合做普通 WEB 应用也可以做 SPA(单页面应用,所有的用户操作都在一个页面中完成).与 ...
- AngularJS学习笔记(一)
前言 几个月之前了解过一点Angular,主要是通过phonecat应用程序了解一些入门东西,但是当被问及什么是Angular或者你对Angular的理解时,只记得一个MVVM双向数据绑定,显然这是不 ...
- 使用Spring boot,Thymeleaf,AngularJS从零开始构建新的Web应用程序–第3部分
在之前的博客中,我们使用Thymeleaf,Bower和Bootstrap构建了登录页面,并将其部署到了Heroku. 在此博客中,我们将介绍用于前端的AngularJS和在后端的Spring Boo ...
- 使用Spring boot,Thymeleaf,AngularJS从零开始构建一个新的Web应用程序-第3部分
在之前的博客中,我们使用Thymeleaf,Bower和Bootstrap构建了登录页面,并将其部署到了Heroku. 在此博客中,我们将介绍用于前端的AngularJS和在后端的Spring Boo ...
- AngularJS基础入门初探
一.AngularJS简介 1.1 什么是AngularJS (1)一款非常优秀的前端JS框架,可以方便实现MVC/MVVM模式 (2)由Misko Hevery 等人创建,2009年被Google所 ...
- [AngularJS]--基本用法
2019独角兽企业重金招聘Python工程师标准>>> AngularJS简介 AngularJs是Google下一代前端框架,基于mvc架构,它提供的功能如下: 1.解耦应用逻辑, ...
最新文章
- 分布式 java 应用:基础与实践_西研技术大讲堂第二期FRCS应用情况介绍及分布式技术平台能力应用实践...
- 编译安装pdo mysql_centos 6.5下编译安装php5.6,pdo_mysql问题。
- 日本发明的“舔屏尝味”电视火了:伸个舌头可尝酸甜苦辣,网友一时不知如何评价...
- nginx中的数组结构ngx_array_t
- 洛谷1197星球大战
- Spring基于 Annotation 的简单介绍
- [云炬创业基础笔记]第九章企业的法律形态测试3
- NGUI-Tweens
- C#实验报告 类与对象的访问性:银行账户存取款、新建账户、查询余额
- sdut 数字三角形问题
- mvc 调用其他控制器方法session丢失_Java从入门到放弃;MVC 模式
- anaconda prompt 此处不应有_麻辣酷评,两厢思域哪个版本买了不吃亏?
- 图解HTTP知识框架
- PHP 必须勾选用户协议,javascript实现用户必须勾选协议实例讲解
- Linux下读写UART串口的代码
- pandas 删除特定行根据条件_记录21个Pandas技巧
- Texstudio安装后闪退|重装系统Windows10|texstudio2022
- AI应用第一课:C语言支付宝刷脸登录
- Aop切面编程原理和Spring实现
- 静态网页如何上传附件