#初窥门径#
angularJS书已经看了两周,对框架有一个初步的了解:angular是基于前端MVC的一种框架,有丰富的指令集,使用双向数据绑定,扩转了html构建能力不足,提倡模块化,特别适合做具有大量增删改查等表单验证的项目,使用angular可以大大简化我们的前端代码。
<div np-app="">
<p>hello,<input tyep="text" ng-model="name"></p>
<h1>恭喜你:{{name}},这是你的第一个angular实例代码</h1>
</div>
ng-app是angular的入口,告诉代码从哪里开始使用angularJS,可以为空值,至于非空值在后面会介绍
ng-model定义了angular的模型,这里将输入框的值赋给该模型
{{}}是angular输出数据的定界符
这个小例子还是挺有震撼的,双向数据绑定,不直接操作DOM的思想一览无余,对angular的学习更期待
<div ng-init="myName='huzaixing'">
<h1>我的名字是<span ng-bind="myName"></span></h1>
</div>
使用ng-init可以给属性赋初始值
使用ng-bind可以将给定的值显示到节点之间
<h1>angular的表达式:{{true +false}}</h1>
angular表达式就是跟js一样,包括对组数的取值以及对象取值
看完第一章节,感觉angular还是挺惊艳的,不过其中诸多概念,还是难以一一掌握,包括模块化,特别是依赖注入,基本看不懂,这几个小例子,写一下主要是为了加深印象,并且督促在以后的学习中,养成不断做笔记的良好习惯