通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板开始入手是个不错方式,因为这部分内容相对简单好理解,而且是视图层的东西,大家都喜欢可以立马看得见的东西嘛.本篇我将搜罗模板中的常用指令一一测试,了解其使用方法,有点像背单词的感觉,会比较枯燥.不过对于初学,这样的枯燥是必须要经历的,开始~ 一.模板中可使用的东西及表达式 模板中可以使用的东西包括以下…

在谈路由机制前有必要先提一下现在比较流行的单页面应用,就是所谓的single page APP.为了实现无刷新的视图切换,我们通常会用ajax请求从后台取数据,然后套上HTML模板渲染在页面上,然而ajax的一个致命缺点就是导致浏览器后退按钮失效,尽管我们可以在页面上放一个大大的返回按钮,让用户点击返回来导航,但总是无法避免用户习惯性的点后退.解决此问题的一个方法是使用hash,监听hashchange事件来进行视图切换,另一个方法是用HTML5的history API,通过pushState(…

AngularJS 是一个 JS 框架,适用于以数据操作为主的 SPA (Single Page Application)应用. 不再是 "先查找元素在操作元素",所有操作都以 "Model数据为中心" AngularJS 的四大特性 采用 MVC 模型 Model:模型,业务数据:在 AngularJS 中,就是存储于特定作用范围内的变量 View:视图,模型数据在页面中的呈现 Controller:控制器,负责创建.修改.删除模型数据,AngularJS 中,使…

参考:http://***/class/54f3ba65e564e50cfccbad4b 1. AJAX:Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)可以与服务器交换数据并更新部分网页,而无需重新加载整个页面. 2. JQuery:浏览器里原生的JavaScript有点像汇编语言,不同的浏览器就像不同的CPU架构,汇编语言各有千秋,这让前端开发者很恼火.聪明人很快发现了这个痛点,于是,抹平浏览器差异的jQuery库出现了. 3. An…

总体介绍 <Node.js+MongoDB+AngularJS Web开发>,于2015年6月出版,是一本翻译过来的书,原书名为<Node.js,MongoDB and AngularJS Web Development>,总的来说是一本讲述如何用Javascript进行B/S架构全栈开发的书. 该书主要讲解4种技术(框架),分为6个部分29个章节.4种技术即Node.js.MongoDB.Express.AngularJS,业内称为MEAN:6个部分我个人理解为: 基础(引言).…

1.概要描述 1.1.angularJS描述:angularJS是可以用来构建WEB应用的,WEB应用中的一种端对端的完整解决方案.通过开发者呈现一个更高层次的抽象来简化应用的开发.最适合的就是用它来构建一个CRUD应用,它提供了非常方便的且统一高效的解决方案,其数据绑定.基本模版标识符.表单验证.路由.深度链接.组件重用.依赖注入.以及HTML标记等,最受欢迎的莫过于它的双向数据绑定. 1.2.requireJS描述:requireJS是来解决传统的页面加载script标记操作,通过其初始化配…

文中一些地方AngularJS简称ng 简介: ng诞生于2009年,由Misko Hevery等创建,后被Google收购,为克服HTML在构建应用上的不足而设计. 是一款优秀的前端JS框架,核心特性:MVVM(Model-View-ViewModel).模块化.双向数据绑定.依赖注入. 官网:https://angularjs.org/ 中文网:http://www.apjs.net/ 入门: 参考地址 书籍: 用AngularJS开发下一代Web应用  AngularJS权威教程 源码:…

在视图模板中使用过滤器 过滤器也是一种服务,负责对输入的内容进行处理转换,以便更好地向用户显示. 过滤器可以在模板中的{{}}标记中使用: {{ expression | filter:arg1:arg2}} 预置的过滤器 AngularJS的ng模块实现了一些预置的过滤器,如:currency.number等等,可以直接 使用.例如下面的示例将对数字12使用currency过滤器,结果将是"$12.00": {{12|currency}} 带参数的过滤器 过滤器也可以有参数,例如下面…

AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,改善了JavaScript. 下面我要说的就是25个超有用的AngularJS工具,web开发人员千万不可错过哦. 1)AngulaJS最佳测试工具——Protractor Protractor支持AngularJS应用程序,是一款终端到终端的测试框架.Protractor在真正的浏览器中运行测试.由于Protractor支持Angular的具体定位策略,故而你无需进行任何设置就可…

  概述: AngularJS(ng)是一个纯JS框架,AngularJS易于构建CRUD应用(CRUD意思是增删改查) 适用于以数据操作为主的SPA(Single Page Application)应用.基于jQuery对传统的DOM操作进行进一步的封装---使用MVC操作代替了所有的DOM操作.不再是“先查找元素再操作元素”,所有的操作都是以“业务数据“为中心 搭建环境: 使用 AngularJS 的步骤:1.引入必需的js文件 : angular.js2.为父元素声明ngApp属性(这里的…