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>