初识Angular.js
Angular.js是什么
AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代Web应用变得更加简单。
AngularJS使开发Web应用变得非常简单,同时也降低了构建复杂应用的难度。它提供了开发者在现代Web应用中经常要用到的一系列高级功能,例如:
1.解耦应用逻辑、数据模型和视图;
2.Ajax服务;
3.依赖注入;
4.浏览历史(使书签和前进、后退按钮能够像在普通Web应用中一样工作);
5.测试等。
AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入。
Hello World
上代码了,经典的hello world
<!DOCTYPE html> <html ng-app> <head> <title></title> <script src="Scripts/angular.min.js" type="text/javascript"></script> </head> <body> <input ng-model="name" type="text" placeholder="Your name" /> <h1>hello {{name}}</h1> </body> </html>
页面中引用angular.js,并在某个DOM元素上明确设置ng-app属性。ng-app属性声明所有被其包含的内容都属于这个AngularJS应用,这也是我们可以在Web应用中嵌套AngularJS
应的原因。只有被具有ng-app属性的DOM元素包含的元素才会受AngularJS影响。
把文本框的内容改为“博客园”,
自动数据绑定,当客户端模型数据发生改变,视图直接反映出这些变化,也不需要自定义代码,是不是感觉很方便呢,如果用js自己实现这么一个效果可能要写一串代码了。
这就是angular最基本的数据绑定了。
最近项目用到了angular.js,项目也快结束了,记录下angular在使用中遇到的一些问题。