发表于: 2017-05-17 01:00:04

1 1051


今天完成:

学习angular的基础知识,

  1. AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,

  2. AngularJS是为了克服HTML在构建应用上的不足而设计的。

  3. 初步了解了:

  4. angular表达式,写在{{aaaaa}}里,可以包含文字、运算符和变量;

  5. 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作用域、模型等等、、、、


返回列表 返回列表
评论

    分享到