发表于: 2017-05-17 01:00:04
1 1051
今天完成:
学习angular的基础知识,
AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,
AngularJS是为了克服HTML在构建应用上的不足而设计的。
初步了解了:
angular表达式,写在{{aaaaa}}里,可以包含文字、运算符和变量;
AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。
ng-app 指令初始化一个 AngularJS 应用程序。
ng-init 指令初始化应用程序数据。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
还有mvc的相关知识。。。
明天计划:
继续学习angular,争取先看看路由的相关知识,把任务6尽快完成,不能等到知识都储备够了才开始任务,这样不仅浪费时间,而且知识还记得不牢固。
遇到困难:
在实践双向绑定的时候:
当mingzi的输入框在后台绑定了p元素时,当mingzi里的值发生改变,p的name也会随之发生改变,
<div ne-app="myApp" ng-controller="myCtrl">
mingzi:<input ng-model="name">
<p>输出的:{{name}}</p>
</div>
但是将p换成input时,
<input type="text" value="{{name}}">
这样虽然也会实现跟上边一样的效果,但是在下边的输入框输入值的时候并不会影响到上边的输入框,是不是
因为后台的实现效果是单向的?
尝试将下边的输入框也使用模型定义,
<input ng-model="name" value="{{name}}">
实现了两个框的同步,任意一个发生改变,另一个随之改变。
收获:
初步接触了angular,
了解了指令,scope作用域、模型等等、、、、
评论