发表于: 2016-11-27 00:27:39

2 1668


日报停更好久了;这段时间基本都是看书+看掘金社区前段知识;

今天完成的事情:

重新复习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 控制只读状态

过滤器

明天计划的事情:继续复习路由、模块等知识,把落下的任务好好做做;
遇到的问题:书看的久了没写,感受不到之前通宵的那股劲儿,慢慢找回感觉
收获:重拾近乎遗忘的知识


返回列表 返回列表
评论

    分享到