AngularJs框架的核心概念: MVC架构模式(Model-View-Controller)
- 模型(Model)是整个应用的驱动力。一般来说,指的是应用从服务器端获取的数据。任何从UI上看到的数据都是从模型或者模型的子集中获取的
- 视图(View)是用户可以浏览并与之交互的UI界面。它是动态的,基于当前系统的模型。
- 控制器(Controller)代表着业务逻辑及表现层,它掌控一系列操作,比如获取数据,决定如何展现数据模型,以及将哪些数据展现给用户等。
AngularJs的哲学:
AngularJs坚持着五条核心的信条,这让开发者们能够迅速开发出大规模的复杂应用
- 数据驱动(通过数据绑定实现)
- 声明
- 概念分离
- 依赖注入(Dependency Injection)
- 可扩展性
- 测试,测试,还是测试
AngularJs版的Hello World
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello World</title>
</head>
<body ng-app>
<input type="text" ng-model="name" placeholder="Enter your name">
<h1>Hello <span ng-bind="name"></span></h1>
<script type="text/javascript" src="https://ajax.gooogleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
</body>
</html>