发表于: 2017-05-07 23:39:08
0 841
今天完成事情:
一。angualr js里边的一些感念:
1.客户端模板:在angualr中模板和数据都会被发送到浏览器中,然后再客户端进行装配;就是说后端把模板和数
据全部都发送到浏览器,然后浏览器在把这些数据再填充到这个模板中去;
2.mvc:mvc是一个设计模式,核心概念:吧管理数据的代码(model),应用逻辑代码(controller)和祥客户
端展示的数据(view)清晰的分离开;angualr js中的mvc是指:(1)视图:试图就是document object
model; 也就是我们的文档模型对象;(2)控制器就是我们的js类,可以认为是一个function 因为js是没有类
的,是通过function 模拟出来的;(3)模型数据则被储存在对象属性中;打比方obj{a},这个a就是模型数据;
3.数据绑定:数据绑定可以自动将model和view之间的数据同步;angualr 实现数据绑定的方式是我们可以把
model当作程序中唯一的数据来源,view始终是model的投影;当,model发生变化时自动反应到view上;也就
是说view会随着model变化而变化;
4.依赖注入:依赖注入是一种软件设计模式,用来处理代码的依赖关系;angualr 的依赖注入只是简单的获取他需
要的东西,而不需要创建那些他们所依赖的东西;
二。Angular js的指令:
1.表达式:AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式写在双大括号内:{{ }}。AngularJS
将在表达式书写的位置"输出"数据。和 JavaScript 表达式差不多,它们可以包含文字、运算符和变量。但是
AngularJS 表达式和 JavaScript 表达式也有很多不同指出:
(1)AngularJS 表达式可以写在 HTML 中。
(2)AngularJS 表达式不支持条件判断,循环及异常。就是说{{ }}这个双大括号中部可以写for循环和if判断的语
句;
(3)AngularJS 表达式支持过滤器;这个还不知道是啥意思,不知道过滤器是啥玩楞;
(4)当JavaScript 表达式求值的时候如果这可值是undefined或者null(空的)的时候会报错,但是Angular不
会报错,只是不显示,有人说AngularJS在这里是宽容的,可拉到吧,对于我这种菜鸟来说连错都不报,自
己写错了都不知道那里出的问题,多头疼;
2.使用ng-app声明Angular的边界:用ng-app 指令告诉Angular 应该管理页面中的哪一块,可以写在html标签
中,可以卸载body标签中,可以卸载div标签中,这样就会告诉Angular 去管理页面上的哪些DOM 元素;
3.ng-model:在项目中编写指令,常常会依赖其他的指令来实现想要达到的功能,其中最常用到的便是
ng-model,它为我们明确了需要绑定的属性,虽然在指令中可以通过通过使用独立作用域的”=”来进行双向绑
定,但使用ng-model更能简化指令的传值,符合angular的使用习惯。
明天计划做的事情:继续基础知识的学习;
遇到的问题:对于人物还是不知道该如何下手;
收获:收获感觉还是挺多的,理解了不少angular的基本概念,和一下基础的指令,和JavaScript使用方法的异同
之处。
评论