发表于: 2016-11-27 00:27:39
2 1670
日报停更好久了;这段时间基本都是看书+看掘金社区前段知识;
今天完成的事情:
重新复习angularJS内容;
基本指令:
ng-app:初始化 AngularJS 应用程序。
ng-model:把元素值(比如输入域的值)绑定到应用程序。
ng-bind :把应用程序数据绑定到 HTML 视图。
ng-repeat:重复一个 HTML 元素:
样式指令:
ng-class:用来给元素绑定类名,其表达式的返回值可以是以下三种:
- 类名字符串,可以用空格分割多个类名,如 ‘class1 class2’;
- 类名数组,数组中的每一项都会层叠起来生效;
- 一个名值对应的map,其键值为类名,值为boolean类型,当值为true时,该类会被加在元素上。
ng-style :用来绑定元素的 css 样式,其表达式的返回值为一个 js 对象,键为 css 样式名,值为该样式对应的合法取值。
ng-show、ng-hide:常用的元素显隐控制,ng 也做了封装,ng-show 和 ng-hide 的值为 boolean 类型的表达式,当值为 true 时,
对应的 show 或 hide 生效。框架会用 display:block 和 display:none 来控制元素的显隐。
ng-switch:根据一个值来决定哪个节点显示,其它节点移除。
事件指令:与原生事件对应加前缀ng-;
表单指令:
ng-form:form 的相关方法要生效,必须为 form 标签指定 name 和 ng-controller ,并且每个控件都要绑定一个变量。
form 和控件的名字,即是 $scope 中的相关实例的引用变量名;
form标签可用动态类:
ng-valid
当表单验证通过时的设置ng-invalid
当表单验证失败时的设置ng-pristine
表单的未被动之前拥有ng-dirty
表单被动过之后拥有
form 对象的属性有:
$pristine
表单是否未被动过$dirty
表单是否被动过$valid
表单是否验证通过$invalid
表单是否验证失败$error
表单的验证错误【$error 对象包含有所有字段的验证信息,及对相关字段的 NgModelController 实例的引用。它的结构是一个对象, key 是失败信息, required , minlength 之类的, value 是对应的字段实例列表。】
input控件相关属性:
name
名字ng-model
绑定的数据required
是否必填ng-required
是否必填ng-minlength
最小长度ng-maxlength
最大长度ng-pattern
匹配模式ng-change
值变化时的回调
input扩展:checkbox、radio
select:ng-options 属性用于数据呈现。$scope 中, select 绑定的变量,其值和普通的 value 无关,可以是一个对象。
表单控件相关功能指令:(单向绑定,即从数据到模板,不能反作用于数据。要双向绑定,使用 ng-model )
ng-src
src 属性ng-href
href 属性ng-checked
控制 radio 和 checkbox 的选中状态ng-selected
控制下拉框的选中状态ng-disabled
控制失效状态ng-multiple
控制多选ng-readonly
控制只读状态
过滤器
明天计划的事情:继续复习路由、模块等知识,把落下的任务好好做做;
遇到的问题:书看的久了没写,感受不到之前通宵的那股劲儿,慢慢找回感觉
收获:重拾近乎遗忘的知识
评论