【AngularJS 學習筆記】入門教程

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 實例!

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 參考手冊

參考手冊包含了本教程中使用到的所有指令和過濾器。

AngularJS 參考手冊

轉載來源:https://www.runoob.com/angularjs/angularjs-tutorial.html

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