发表于： 2017-05-01 23:39:38
1 921
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
AngularJS的常用指令
完成Angular的小demo
明天计划的事情：（一定要写非常细致的内容）
详细了解AngularJS的常用指令及如何使用?
遇到的问题：（遇到什么困难，怎么解决的）
AngularJS的常用指令有哪些?
什么是Angular指令?
AngularJS指令允许开发人员指定定制和可重用的类似HTML的元素和属性，定义数据绑定和表示组件的行为。 一些最常用的指令
收获：（通过今天的学习，学到了什么知识）
<!DOCTYPE html>
<html>
<meta charset="UTF-8"/>
<script src="angular.1.4.8.min.js"></script>
<body>
<div ng-app="">
<p>姓名 : <input type="text" ng-model="name" placeholder="在这里输入您的大名"></p>
<h1>你好，{{name}}</h1>
</div>
</body>
</html>
Angular在视图和模型中间，可以简单建立双向的数据绑定。一旦建立双向绑定，使用者输入，会由Angular自动传到一个变数中，再自动读到所有绑到它的内容，更新它。效果上就是立即的资料同步。在程式码中修改变数，也会直接反应到呈现的外观上。不仅内容可以双向绑定，其他诸如类别、宽度、高度等等，都可以和变数与使用者的输入，绑定起来。
在输出框中输入的内容会自动同步到下方的h1标签中
AngularJS中声明式编程用于构建用户界面以及编写软件构建，而指令式编程非常适合来表示业务逻辑。AngularJS框架采用并扩展了传统HTML，通过双向的数据绑定来适应动态内容，双向的数据绑定允许模型和视图之间的自动同步。因此，AngularJS使得对DOM的操作不再重要并提升了可测试性。
了解AngularJS设计目标：
将应用逻辑与对DOM的操作解耦。提高代码的可测试性。
将应用程序的测试看的跟应用程序的编写一样重要。代码的构成方式对测试的难度有巨大的影响。
将应用程序的客户端与伺服器端解耦。这允许客户端和伺服器端的开发可以齐头并进，并且让双方的复用成为可能。
指导开发者完成构建应用程序的整个历程：从用户界面的设计，到编写业务逻辑，再到测试。
返回列表
评论