angular
文章平均质量分 71
action-XD
学习编程的小学生
展开
-
(七)angular表单demo
<!DOCTYPE html><html lang="en" ng-app="myApp"><head> <meta charset="UTF-8"> <title>表单验证</title> <link href="css/bootstrap.css" rel="stylesheet"> <!--bootstrap是Twitter推出的一个用于前端开发的开源工具包原创 2016-09-06 15:54:56 · 486 阅读 · 0 评论 -
(二)Angular的特性,AngularJS语法特点,创建AngularJS应用
Angular的特性 MVC原理 M (model 模型) 视图模型:由控制器传给视图的数据 和 领域模型:一般指数据库里的数据 C (controller 控制器) 连接模型和视图的渠道 V (view 视图) 将数据呈现给用户创建AngularJS应用搭建angular应用开发环境: 在https://angularjs.org/或http://www.bootcdn.cn/a原创 2016-09-03 14:44:08 · 889 阅读 · 0 评论 -
Angular小工程,实现图书的增删改($scope)
html部分,用bootstrap定义样式<!DOCTYPE html><html lang="en" ><head> <meta charset="UTF-8"> <title>图书增删改</title> <link href="css/bootstrap.css" rel="stylesheet"> <script src="script/angular.m原创 2016-09-03 14:54:29 · 468 阅读 · 0 评论 -
(三)Angular控制器,Module.controller() 控制器,单向绑定和双向绑定
AngularJS很重要的一个特性就是实现模块化编程,我们可以通过以下方式创建一个模块,对页面进行功能业务上的划分// 创建一个名字叫MyApp的模块,第二个参数指的是该模块依赖那些模块var app = angular.module(“MyApp”, []);//app是MyApp模块的实例也可以将重复使用的指令或过滤器之类的做成模块便于复用 注意必须指定第二个参数,[]是个空数组,表示不需要原创 2016-09-05 09:28:44 · 1308 阅读 · 0 评论 -
(四上)Angular指令,ng-bind指令,ng-init 指令,ng-click指令,ng-repeat 指令
AngularJS 有一套完整的、可扩展的、用来帮助 Web 应用开发的指令集在 DOM 编译期间,和 HTML 关联着的指令会被检测到,并且被执行在 AngularJS 中将前缀为 ng- 这种属性称之为指令,其作用就是为 DOM 元素调用方法、定义行为绑定数据等简单说:当一个 Angular 应用启动,Angular 就会遍历 DOM 树来解析 HTML,根据指令不同,完成不同操作HTM原创 2016-09-05 14:23:00 · 778 阅读 · 0 评论 -
(四下)ng-class指令,ng-style指令,ng-show/ng-hide指令,ng-if指令等....
ng-class指令 给元素添加CSS类 1. 直接绑定值为CSS类名的$scope对象属性 2. 以字符串数组方式选择性添加CSS类 表达式 ? ‘style1’:‘style2’ 3. 通过key/value对象的方式添加多个CSS类 ng-class=”{style1:true,style2:false}”o.startsWith(‘D’); indexOf()原创 2016-09-06 10:04:57 · 919 阅读 · 0 评论 -
(五上)过滤器,调用方式,filter过滤器,过滤器函数参数
过滤器的主要功能是格式化数据 可以使用Angular提供的过滤器,也可以自定义过滤器 Angular过滤器: currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制长度)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。 例:{{ nowdate | date:'yyyy原创 2016-09-06 10:16:05 · 1040 阅读 · 0 评论 -
(五下)作用域,及其特点,$watch方法,$digest方法,$apply方法
作用域AngularJS对象提供的controller方法可以创建控制器。创建控制器后,需要区别控制器所支持的视图。通过ng-controller指令可以指定控制器支持的视图。控制器的参数包括一个工厂函数,该函数接受一个参数$scope,表明该控制器对$scope服务的依赖。这时控制器可以通过$scope对应的作用域与视图建立联系。$scope作用域不但定义了控制器和视图之间的关系,而且对原创 2016-09-06 10:45:58 · 266 阅读 · 0 评论 -
(七)表单验证,基本验证功能,表单验证规则
表单验证 - form表单元素在AngularJS中也是一个指令 - 具备表单解析、格式化、校验等功能 - 依赖于H5的智能表单 - AngularJS允许在表单中使用H5的一些校验属性 - 同时会根据校验条件的规则作出相应的数据变化 - 注意:在使用验证时先取消浏览器本身自带的验证(给表单添加novalidate属性)基本验证功能$pristine -表单或控件内容是原创 2016-09-06 14:57:23 · 2019 阅读 · 0 评论 -
(五下下)$timeout方法,控制器与作用域
$timeout方法angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后, 回调函数就会被执行.如果需要取消一个timeout,调用timeout.cancel(promise)方法timeout.cancel(promise)方法 timeout(fn, [delay], [invokeApply]原创 2016-09-06 10:53:30 · 602 阅读 · 0 评论 -
(一)为什么使用AngularJS?AngularJS的意义,MVC模式
1.一款非常优秀的前端高级 JS 框架 2.由 Misko Hevery 等人创建 3.2009 年被 Google 收购,用于其多款产品 4.有一个全职的开发团队继续开发和维护这个库 5.有了这一类框架就可以轻松构建 SPA 应用程序 single page web application 6.通过指令扩展了 HTML,通过表达式绑定数据到 HTML。 7.MVC 一.为什么使用Ang原创 2016-09-02 15:05:53 · 1126 阅读 · 0 评论