AngularJS 通過新的屬性和表達式擴展了 HTML。
AngularJS 可以構建一個單一頁面應用程序(SPAs:Single Page Applications)。
AngularJS 學習起來非常簡單。
閱讀本教程前,您需要了解的知識:
在開始學習 AngularJS 之前,您可能需要具備以下基礎知識:
- HTML
- CSS
- JavaScript
AngularJS 歷史
AngularJS 是比較新的技術,版本 1.0 是在 2012 年發佈的。
AngularJS 是由 Google 的員工 Miško Hevery 從 2009 年開始着手開發。
這是一個非常好的構想,該項目目前已由 Google 正式支持,有一個全職的開發團隊繼續開發和維護這個庫。
AngularJS 實例
本教程包含了大量的 AngularJS 實例!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
註釋:
1、ng-app=" " 定義angularJS的使用範圍;
2、ng-init="變量=值;變量=值'" 初始化變量的值,有多個變量時,中間用分號隔開;
3、ng-model="變量" 定義變量名;
4、ng-bind="變量" 綁定變量名,獲取該變量的數據。這裏的變量就是第3條的變量名。但是一般都用雙重花括號來獲取變量的值,比如:{{變量}}。
AngularJS 參考手冊
參考手冊包含了本教程中使用到的所有指令和過濾器。
轉載來源:https://www.runoob.com/angularjs/angularjs-tutorial.html