发表于: 2017-04-17 00:19:47
1 722
今天做了什么事:
1.今天一直在看angular入门的东西,并且做了蛮多笔记
收获如下:
一.在AngularJS中显示模型中的数据有两种方式:
1.1.{{内容}}
1.2。ng-bind="内容"
主要区别在于,使用花括号语法时,在AngularJS使用数据替换模板中的花括号时,第一个加载的页面,通常是应用中的index.html,其未被渲染的模板(比如字体的大小,颜色还是初始化的状态之类的)可能会被用户看到。而使用第二种方法的视图不会遇到这种问题。
原因是,浏览器需要首先加载index.html页面,渲染它,然后AngularJS才能把它解析成你期望看到的内容。
所以,对于index.html页面中的数据绑定操作,建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。
二、关于angular指令
AngularJS 通过被称为 指令 的新属性来扩展 HTML,带有前缀ng-
AngularJS 通过内置的指令来为应用添加功能。
AngularJS 允许你自定义指令。
ng-app 指令初始化一个 AngularJS 应用程序。(每个angular文件都必须有一个ng-app,多个ng-app只对文档流第一个生效。)
ng-init 指令初始化应用程序数据。(为应用程序添加内容。)
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
三、AngularJS 表达式可以输出,运算,字符串,对象,数组
四、ng-repeat 定义和用法ng-repeat 指令用于循环输出指定次数的 HTML 元素。
集合必须是数组或对象。(才能输出指定次数。)
明天要做什么事:
1.继续阅读angular相关资料,并且开始准备做js6.
2.看书,读英语,写文章
遇到了什么问题:
1。暂无
收获:
1.总结了一波如何用css自定义 range radio select的样式滑轮,按钮,选择框的办法在这里分享一波:https://juejin.im/post/58f1f76e44d904006cf2482d
2.其他收获如上。
评论