初识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在使用中遇到的一些问题。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章