【angularJS】簡介

時間 2019-11-10

標籤 angularJS 簡介欄目 AngularJS 简体版

原文原文鏈接

簡介javascript

AngularJS 是一個 JavaScript 框架。它可經過 <script> 標籤添加到 HTML 頁面。html

AngularJS 經過指令擴展了 HTML，且經過 表達式 綁定數據到 HTML。java

AngularJS 是一個 JavaScript 框架。它是一個以 JavaScript 編寫的庫。git

AngularJS 是以一個 JavaScript 文件形式發佈的，可經過 script 標籤添加到網頁中：angularjs

AngularJS 經過 ng-directives 擴展了 HTML。AngularJS 指令是以 ng 做爲前綴的 HTML 屬性chrome

ng-app 指令定義一個 AngularJS 應用程序。express

ng-model 指令把元素值（好比輸入域的值）綁定到應用程序。npm

ng-bind 或{{}}指令把應用程序數據綁定到 HTML 視圖。數組

實例：

<!DOCTYPE html>
<html>
<body>
<div ng-app="">
  <p>在輸入框中嘗試輸入：</p>
  <p>姓名：<input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</div>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</body>
</html>

當網頁加載完畢，AngularJS 自動開啓。

ng-app 指令告訴 AngularJS，<div> 元素是 AngularJS 應用程序 的"全部者"。

ng-model 指令把輸入域的值綁定到應用程序變量 name。

ng-bind 指令把應用程序變量 name 綁定到某個段落的 innerHTML。

AngularJS 表達式

AngularJS 表達式寫在雙大括號內：{{ expression }}。

AngularJS 表達式把數據綁定到 HTML，這與 ng-bind 指令有殊途同歸之妙。

AngularJS 將在表達式書寫的位置"輸出"數據。

AngularJS 表達式 很像 JavaScript 表達式：它們能夠包含文字、運算符和變量。實例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

AngularJS 對象就像 JavaScript 對象：person={firstName:'John',lastName:'Doe'}

AngularJS 數組就像 JavaScript 數組：points=[1,15,19,2,40]

angular開發工具介紹