AngularJS小练习20170508】的更多相关文章

首先可能需要安装npm,并且配置环境. 1.打开Dos(命令提示符).按Windows徽标键+R组合键,输入cmd然后按回车键进入Dos. 2.安装Yeoman.在Dos下输入npm install -g yo. 3.安装Grunt.在Dos下输入npm install -g grunt-cli. 4.安装Bower.在Dos下输入npm install -g bower. 5.安装Generator-angular的0.9.8版本.在Dos下输入npm install -g generator…
通过前面两篇的学习,基本上对AngularJS的使用有了一定的了解. 本篇将会自己手动写一个小程序,巩固下理解. 首先要注意的是,引用AngularJS的资源文件angular.min.js文件. 由于这个框架是Google的工作人员开发的,因此国内访问的时候,会被墙导致无法下载资源文件. 因此,可以使用百度开源的静态链接: http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js 代替原来的国外的资源文件链接:http://code…
AngularJS是由谷歌公司及一个由开发者组成的个人社区共同打造.其主要优势在于帮助使用者在web应用程序中实现必要的动态视图.它是通过原生的MVC(模型-视图-控制器)功能来增强HTML. PS:MVC是一种软件架构设计模式,它将表现从用户交互中分离出来.模型--->应用的数据+与数据进行交互的方法,视图--->将数据呈现给用户,控制器--->二者的桥梁.即一个函数,用来向视图的作用域中添加额外的功能. ng-app---->>声明所有被其包含的内容都属于这个Angula…
自定义指令编写时钟 模板 <!-- 模板文件 --><html> <!-- 内置的ng-app指令通知编译器启动AngularJS框架--> <body ng-app="ezstuff"> <!-- 我们自己定义的ez-clock指令通知编译器生成时钟widget--> <ez-clock></ez-clock> </body> <script src="angular.js…
AngularJS处理数据表格 使用 np-repeat 指令 <table> ... <!-- 这里使用ng-repeat指令来重复数据生成表格 --> <tr ng-repeat="subject in student.subjects"> <td>{{ subject.name }}</td> <td>{{ subject.marks }}</td> </tr> ... </ta…
字符串和对象的转化  :angular.fromJson(jsonStr) 对象转字符串 :angular.toJson(obj) jsonStr:json字符串 obj:对象…
本次做一个简单的关于动态生成select的练习 在实现上有两种方式: 其一.通过ng-repeat来实现 其二.通过ng-option来实现 在页面效果上,两种实现的效果都一样 但是在数据选择的数据从操作上有所不同 ng-repeat选中的是其option对应的value值 ng-option选择的是其对应绑定数据的一个object对象 在实际应用中建议采用ng-option实现 代码实例: <!DOCTYPE html> <html xmlns="http://www.w3.…
学习AngularJS,并且能在工作中使用到,算是很幸运了.因此本篇也会搜集各种资料,进行分享. 书籍分享 AngularJS权威指南 常用链接 AngularJS API文档 AngularJS 用户手册文档 博客整理 1 初识AngularJs 2 初识AngularJs(续) 3 我的第一个AngularJS小程序 4 表达式 5 表单 6 过滤与排序 7 模块化 8 自定义指令 9 自定义过滤器 10 指令的复用 11 指令的交互 12 独立作用域 13 服务Service Angula…
angularJS 2.1  ngForm <!DOCTYPE html> <html lang="zh-cn" ng-app> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv=&q…
来公司以后就一直在用vue框架,不管是业务代码,还是做vue组件.关于vue有一些点是文档中没有提及的,记录一下以便以后查询- 一.Vue的特点 新一代 Vue.js 框架非常关注如何用极少的外部特性来解决应用程序/视图状态同步问题. Vue.js 大部分是基于vue实例(var vm = new Vue({ ... }))完成的.Vue.js 负责给浏览器 DOM 中绑定数据. 1.特点 -- 这部分借鉴浅谈Vue.js的几个特点 (1) 简洁 (2) 轻量 (3)快速 (4) 数据驱动 (5…