如何学习angular.js

AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩
展HTML的语法，让你能更清楚、简洁地构建你的应用组件。它的创新点在于，利用 数据绑定 和依赖
注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完
美地和任何服务器端技术结合。
AngularJS是为了克服HTML在构建应用上的不足而设计的。 HTML是一门很好的为静态文本展示
设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是
小花招

style="font-family: MicrosoftYaHei;fonAngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。 AngularJS通过
使用我们称为标识符(directives)的结构，让浏览器能够识别新的语法。例如：
使用双大括号 {{}} 语法进行数据绑定；
使用DOM控制结构来实现迭代或者隐藏DOM片段；
支持表单和表单的验证；
能将逻辑代码关联到相关的DOM元素上；
能将HTML分组成可重用的组件。
端对端的解决方案
AngularJS试图成为成为WEB应用中的一种端对端的解决方案。这意味着它不只是你的WEB应用
中的一个小部分，而是一个完整的端对端的解决方案。这会让AngularJS在构建一个CRUD（增加
reate、查询Retrieve、更新Update、删除Delete）的应用时显得很“ 固执” （原文为
pinionated,意指没有太多的其他方式）。但是，尽管它很“ 固执” ，它仍然能确保它的“ 固执” 只
是在你构建应用的起点，并且你仍能灵活变动。 AngularJS的一些出众之处如下：
构建一个CRUD应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度链
接、组件重用、依赖注入。
测试方面包括：单元测试、端对端测试、模拟和自动化测试框架。
具有目录布局和测试脚本的种子应用作为起点。
ngularJS的可爱之处
AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一
样，这也会损失一部分灵活性。换句话说，并不是所有的应用都适合用AngularJS来做。 AngularJS主
要考虑的是构建CRUD应用。幸运的是，至少90%的WEB应用都是CRUD应用。但是要了解什么适合用
ngularJS构建，就得了解什么不适合用AngularJS构建。

<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/angular-1.1.0.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="InvoiceCntl">
<b>Invoice:</b>
<br>
<br>
<table>
<tr><td>Quantity</td><td>Cost</td></tr>
<tr>
<td><input type="integer" min="0" ng-model="qty" required ></td>
<td><input type="number" ng-model="cost" required ></td>
</tr>
</table>
<hr>
<b>Total:</b> {{qty * cost | currency}}
</div>
</body>
</html>
function InvoiceCntl($scope) {
$scope.qty = 1;
$scope.cost = 19.95;
}
it('should show of angular binding', function() {
expect(binding('qty * cost')).toEqual('$19.95');
input('qty').enter('2');
input('cost').enter('5.00');
expect(binding('qty * cost')).toEqual('$10.00');
});
ewline"> 运行效果
Invoice:
Quantity Cost
1 19.95

转载于:https://www.cnblogs.com/wangwei1234/p/4697158.html

如何学习angular.js相关推荐

史上最全的Angular.js 的学习资源
Angular.js 的一些学习资源基础官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/: 官方zi ...
Angular.js学习-入门
官方文档 https://angular.io/guide/quickstart 一.Angular.js是什么? Angular.js是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框 ...
[学习笔记] 七步从Angular.JS菜鸟到专家（3）：数据绑定和AJAX [转]
这是＂AngularJS - 七步从菜鸟到专家＂系列的第三篇. 在第一篇,我们展示了如何开始搭建一个AngularaJS应用.第二篇我们讨论了scope和 $scope 的功能. 通过这整个系列的教程 ...
[Angular JS教程] HeroService: getHeroes failed: undefined 问题解决方法
最近在学习入门Angular JS,学习资源是https://angular.cn/tutorial, 在学习到 "https://angular.cn/tutorial/toh-pt6模拟 ...
angular.js前端和后台的数据交换，后台取不到值对应方案
2019独角兽企业重金招聘Python工程师标准>>> 环境:angular.js+sastruts+apache-tomcat 最近在学习前端的一个设计工具angular.js,数 ...
学习vue.js 第一天
最近听到很多人都在用Vue.js ,我也想凑凑热闹,来个入门啥的 ,要不以后人家说,啥都不知道,多low 看到官网是这样介绍Vue.js Vue.js(读音 /vjuː/, 类似于 view) 是 ...
angular 模块构建_通过构建全栈应用程序学习Angular 6
angular 模块构建 Angular 6 is out! The new features include better performance, new powerful CLI additio ...
angular js创建表单_如何优雅的使用 Angular 表单验证
随便说说,这一节可以跳过去年参加 ngChine 2018 杭州开发者大会的时候记得有人问我: Worktile 是什么时候开始使用 Angular 的,我说是今年(2018年) 3 月份开始在新模 ...
Angular.js为什么如此火呢？
AngularJS学习列表:七步走 Angular.js 从菜鸟到专家 (系列列表) 上一篇之后,Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM ...
七步走 Angular.js 从菜鸟到专家（系列列表）
Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View))JavaScript框架,其是Google推出的S ...

如何学习angular.js

如何学习angular.js相关推荐

最新文章

热门文章