AngularJS 1.x 入門

如果你是剛學AngularJS,建議將此篇文章先讀過,有整體的概念後再開始學,會比較容易入手。

安裝

整體架構Overview

App

ng-app 表示AngularJS 應用程式。通常在整個AngularJS應用中只能有一個ng-app,寫法:

angular.module('myApp', []);

Data Binding

通常在HTML網頁中會使用 {{ }} 來做資料的呈現。ng-init="myText = 'Hello World.'" 可以用來設定變數的初值。例如:

<div ng-init="text='Hello World'">
   Value: {{ text }}
</div>

若你想使用與使用者進行資料的雙向繫結,可以使用:

<input type="text" ng-model="text">

Controller

畫面元件

FORM

畫面顯示方式

網路

快取 Cache

實用問題