AngularJS学习之旅

开篇

最近由于项目上可能需要用到AngularJS，公司将技术学习、调研的任务安排了下来，因此开始了我的AngularJS学习之路。

在这之前没写过技术博客，主要是由于太懒，另外自愧文笔不好，因此一直以来羞于提笔。但想来做技术好多年，不能再是碎片式学习了，得更系统地学习，将自己对于技术的理解记录下来，敢于呈现给大家并接受大家的指正。

闲言碎语不多说，还是直接开始我的AngularJS学习之旅吧。

学习足迹

AngularJS入门

（1）认识AngularJS

时间： 2024-10-25 20:28:49

AngularJS学习之旅的相关文章

我的AngularJS 学习之旅

基础篇 1.Angular的起源 2.比较Web 页面实现的几种方式 3.一些基本术语 4.Angular与其他框架的兼容性 5.总结 6.综合实例很早之前就听朋友说起AngularJs,但由于各种原因,一直没去研究.最近正好有同事也对这个框架比较感兴趣,大家一起讨论,于是终于“名正言顺”地开始研究了. 本文的目的是记录一下自己这两周的学习点滴,算是学习笔记吧,如果对初学的朋友有一点帮助,那也算是一件好事.嘿嘿 1.Angular的起源关于Angular 的起源,可以追溯到2009 年的

我的AngularJS 学习之旅(二)

记得某位大神说过,"时间就像海绵里的水,挤挤总是有的.".大多时候,与其说我是很忙而没时间去做自己想做的事, 倒不如说是懒得去做罢了. 废话不多说,接前一篇继续吧 3.3 指令(Directives) Angular 最强大的功能之一就是,你可以把模板编写成HTML的形式. [备注:Angular引入了一款强大的DOM转换引擎,可用它来扩展HTML的语法] 常用的内置指令; {{ greeting }} 单向数据绑定 ng-model 双向绑定 3.4 过滤器

angularJS学习之旅（1）

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <title></title> </head> &

AngularJS学习之旅—AngularJS 表达式(二)

1.AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}. AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙. AngularJS 将在表达式书写的位置"输出"数据. AngularJS 表达式很像 JavaScript 表达式:它们可以包含文字.运算符和变量. 实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }} eg: 1

AngularJS学习之旅—AngularJS 模型(四)

1.AngularJS ng-model 指令 1.ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值. 2.ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定. 双向绑定:双向绑定,在修改输入域的值时, AngularJS 属性的值也将修改验证用户输入: eg: <form ng-app="" name="myForm"> Email: <input t

AngularJS学习之旅—AngularJS 过滤器(七)

1.AngularJS 过滤器过滤器可以使用一个管道字符(|)添加到表达式和指令中. AngularJS 过滤器可用于转换数据: 过滤器描述 currency 格式化数字为货币格式. filter 从数组项中选择一个子集. lowercase 格式化字符串为小写. orderBy 根据某个表达式排列数组. uppercase 格式化字符串为大写. 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-

AngularJS学习之旅—AngularJS 服务(八)

1.AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务.2.什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用. AngularJS 内建了30 多个服务. 有个 $location 服务,它可以返回当前页面的 URL 地址. 注意 $location 服务是作为一个参数传递到 controller 中.如果要使用它,需要在 controller 中定义. var app = angular

AngularJS学习之旅—AngularJS 事件(十四)

1.AngularJS 事件 ng-click ( 适用标签 :所有,触发事件:单击): ng-dblclick( 适用标签 :所有,触发事件:双击): ng-blur(适用标签 : a,input,select,textarea,触发事件:失去焦点): ng-focus(适用标签 : a,input,select,textarea,触发事件:获取焦点): ng-change(适用标签 : a,input,select,textarea,触发事件:model更新): ng-keydown(适用标

AngularJS学习之旅—AngularJS HTML DOM(十三)

1.AngularJS HTML DOM AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令. ng-disabled 指令:ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性. ng-show 指令:ng-show 指令隐藏或显示一个 HTML 元素. ng-hide 指令:ng-hide 指令用于隐藏或显示 HTML 元素. <!DOCTYPE html> <html> <head> <meta