1、AngularJS是什麼?

TZQ_DO_Dreamer發表於2015-03-17

1、AngularJS是什麼

   官方介紹:

   完全使用JavaScript編寫的客戶端技術。同其他歷史悠久的Web技術(HTML、CSS和JavaScript)配合使用,使Web應用開發比以往更簡單、更快捷。

   AngularJS的開發團隊將其描述為一種構建動態Web應用的結構化框架


2、HelloWord示例

<!DOCTYPE html>

<html ng-app>

<head>

<title>Simple app</title>

<script src=" js/angular.js">

</script>

</head>

<body>

<input ng-model="name"type="text" placeholder="Your name">

<h1>Hello {{ name }}</h1>

</body>

</html>

雖然這個例子不怎麼有趣,但它展示了AngularJS最基本也最令人印象深刻的功能之一:資料繫結。


3、基本標籤用法和釋義

 1、標記ng-app告訴AngularJS處理整個HTML頁並引導應用

 2、使用雙大括號標記{{}}的內容是問候語中繫結的表示式,這個表示式是一個簡單的字串‘World’。

   例如:Hello{{'World'}}!

 3、文字輸入指令<input ng-model="yourname" />繫結到一個叫yourname的模型變數。

     雙大括號標記將yourname模型變數新增到問候語文字。


相關文章