angular之入门基础
一、angular
1,angular 的有引入:必须在文档流之前引入(需要注意的是 angular 和原生的js 不互通)
2,angular 是由谷歌开发的框架,奇特点是对于DOM的操作变的更加的简介;代码量大大的降低了,对数据的操作变的更加的灵活(通过控制数据的变化,间接的控制了DOM节点。脏检查(一旦某一个数据发生变化,angular就会在第一时间检测到这个元素,angular一直在实时检查中),angular的模块化也让开发变的更加的方便简洁);
3.angular 指令
ng-app="":绑定在标签上,声明一个angular的应用程序,证明这个标签里可以写入angular代码。一个页面只允许一个ng-app出现。
ng-init=“”在标签里声明数据。
4.{{ }} 绑定数据到Dom节点,但在其绑定大框好前加字符串会显示在前台。
5.ng-bind 绑定数据到Dom节点
6.ng-model 数据的双向绑定。并可实时监控并实时输出
7.ng-show:相当于dispaly 的block 和none (true为显示,false为隐藏);
8.ng-repeat:循环
9.ng-click=“” angular的事件
10.angular 控制器
(1)let app = angular.module('myApp',[]);获取angular 的应用程序
(2)声明控制器
app.controller('mainCtr',function( $secope ){})
// 用angular控制器声明创建的变量和函数,最后要用angular的方式去调用他们
// $scope 声明所有变量 能被dom节点调用
11.angular 控制器中创建的angular变量和函数只能作用域当前控制器及其子控制器。
在其他的子控制器里,调用不了其他子控制器
12.自定义过滤器(去重)
13.angular 配置路由
(1)获取angular 应用程序,并加入路由模块
(2)要配置angular路由,必须要引入angular路由的js文件,而且这个文件必须和当前引入的angular。js是同一个版本
(3)文档里必须用a标签引入
(4)js路由模块里必须由专用的路由来调用
14.angular 配置模块
angular的模块开发,在js中引入模块,在DOm节点中进行模块调用
(1)获取angular的应用程序
(2)用模块函数directive 进行调用,传两个值,第一个值为调用模块名称,需要与html文档一样,第二个为一个匿名函数
15.angular 的http请求
(1)获取应用程序
(2)设置控制器传参两个值,$scope,$http
16.勾选框 显示后台数据
17.过滤器
(1)angular 的过滤器是用管道字符 | 添加到表达式和指令中
(2)lowercase 将字符串格式转化为小写字母
(3)currency 将单个的数字格式转化为货币(如果数字存在于字符串中,则不会被过滤)
(4)fillter 从数组选项中根据指定条件选择一个子集
(5)uppercase 将字符串格式化为大写字母
( 6 )date 过滤器,将数字作为毫秒数,转化成时间格式
{{ 554545454564 | date:" yyyy-MM-dd HH:mm:ss " }}
( 7 )number 按照规定格式过滤数字
如果这个数字小数点后的位数 3那么,最多取 三位,除非对位数进行设置哦,比如:number:4
( 8 )limitTo:截取,例如:从前面往后开始截取8位;如果要从后面开始往前截取,则将limitTo 的值给成负数就好。
(9)orderby 按照规定的字段升序排序。值为true的时候为降序,false的时候为升序
(10) 将字符反转
angular之入门基础相关推荐
- angular.js入门基础(一)
AngularJS 简介 AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购.是一款优秀的前端 JS 框架,已经被用于 Google 的 ...
- GSAP动画库入门基础示例:心爱的小摩托
大家好,在我们谈论网页动画时,我们第一时间会想到用jQuery的animate()方法或者CSS3的animation和transition.今天的这篇文章,我将给大家推荐另一个可选方案,一款专业的W ...
- Python培训入门基础知识学什么?
Python培训基础知识主要是针对一些零基础的同学安排的,虽说Python是相对比较简单的一门编程语言,但是没有基础的同学还是要进行系统的学习,那么Python培训入门基础知识学什么呢?来看看下面小编 ...
- JSON入门基础知识
2019独角兽企业重金招聘Python工程师标准>>> JSON入门基础 1.JSON定义 JSON:JavaScript 对象表示法(JavaScript Object Notat ...
- JSP WEB开发入门基础到高手进阶教程002
JSP WEB开发入门基础到高手进阶教程 -------开发入门 JSP与微软的Active Server Pages 兼容,但它是使用类似HTML的卷标以及Java程序代码段而不是VBScript. ...
- NLP汉语自然语言处理入门基础知识介绍
NLP汉语自然语言处理入门基础知识介绍 自然语言处理定义: 自然语言处理是一门计算机科学.人工智能以及语言学的交叉学科.虽然语言只是人工智能的一部分(人工智能还包括计算机视觉等),但它是非常独特的一部 ...
- 负荷计算的时候assert失败_负荷计算的入门基础知识,小白入门必备!
负荷计算是电气设计人员必须掌握的一必修课,选导体.设备还有保护开关的选择,电网系统分析,都离不开负荷计算的内容,为此小编特意总结9个负荷计算的入门基础知识,分享给大家,希望能在工作和学习中作为一份参考 ...
- 7.1 pdo 宝塔面板php_小白入门基础傻瓜式操作PHP面板安装使用_Bt宝塔面板
小白入门基础傻瓜式操作PHP面板安装使用--Bt宝塔面板 从购买服务器到安装面板在到搭建网站(最基础的教程,以后会延伸到部署项目) 不用写代码谁都可以做到搭建自己的网站(PHP类)还有小程序,只要 ...
- python编程语法大全-Python编程入门——基础语法详解
今天小编给大家带来Python编程入门--基础语法详解. 关于怎么快速学python,可以加下小编的python学习群:611+530+101,不管你是小白还是大牛,小编我都欢迎,不定期分享干货 每天 ...
最新文章
- C语言之数组中你所不在意的重要知识
- mysql 5.7 json函数_Mysql5.7中对于JSON函数设置的案例详细说明
- 腾讯AI×王者荣耀「绝悟」项目首亮相:KPL秋季决赛击败顶尖战队
- numpy中where函数的用法
- Nature:压榨学生,论资排辈,现行论文作者制度已死
- 在一个tomcat 里面 两个相同的项目不能同时运行??
- Repeater在无数据记录时显示“无相关记录...”
- Android学习笔记(十三)
- python进行对应分析_机器学习算法---对应分析
- 五种方法,教你如何在Mac上查看文件完整路径
- 信息提示无法建立数据连接服务器,FileZilla 链接FTP服务器无法建立数据连接: ECONNREFUSED...
- 知名社交网络 Myspace 丢失 12 年用户数据,大型系统究竟如何做迁移?
- 【转】vue项目重构技术要点和总结
- call 在mysql,在MYSQL上选择CASE和CALL程序
- Docker 部署Dotnet Core MVC项目
- vue+IOS9页面白屏
- 蓝牙HC05主从设置连接说明
- 语音合成IC与语音IC的两三事
- mysql数据库,语法语句总结。以及事务理解-基础篇
- 【无标题】【3D建模制作技巧分享】zbrush中如何卡硬边?
热门文章
- 微信小程序毕业设计、基于微信小程序商城系统(后台php) 开题报告(基于微信小程序毕业设计题目选题课题)
- 13种最深的寂寞收藏13种最深的寂寞
- 安兔兔上html5是什么意思,除了安兔兔跑分,还有这6种办法能证明手机强弱
- const函数形参char *
- 线圈平均半匝长matlab,毕业论文设计《Y2-200L-4型电机电磁设计和计算》.doc
- 高效备忘录PC版 备忘录便签电脑版下载
- 社区团购平台“考拉精选”获两千万天使轮融资,银河系创投领投
- Adobe Acrobat 2019安装
- CVPR 2019 | 天秤座R-CNN:全面平衡的目标检测器
- Unity实现画线条功能