AngularJS – 基本介紹篇
看完上一篇有關AngularJS的文章之後，如果你已經產生對他的興趣，接下來我們就跟著Google規劃的課程來學習，其實在AngularJS的官方網頁上，本來就有這方面的視訊教學（當然是英文的囉！），馬老師這邊只是做到整理、翻譯和提出我的一些想法，讓想要學習他的人可以更方便，官方視訊總共分成五個等級，每個等級又分成不同章節，章節結束後還都會有模擬測驗，真的推薦大家可以去看看喔！
首先檢視一下要學習AngularJS的一些背景條件：
必須了解的部分指的是技術領域，最好能懂的部分是指開發時的觀念
至於選擇AngularJS的理由有以下幾點：
- 幫助你組織Javascript
- 快速幫你建構動態網站
- 可以跟jQuery合作愉快
- 便於測試
接下來官方教學以ng-controller為案例，教導AngularJS是如何去呼叫函數的，不過這部分在1.3以上的版本已經不是這樣使用了要特別注意！
以下就針對這個案例進行程式的示範，在1.2（含）以前的AngularJS可以這樣來操作ng-controller：（在JS Bin上測試）
<!doctype html>
<html ng-app>
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<meta charset="UTF-8">
<title>controllerExample</title>
<script>
function myFn() {
alert("歡迎光臨馬老師雲端研究室");
}
</script>
</head>
<body ng-controller="myFn">
</body>
</html>
但在1.3（含）之後的AngularJS需要這樣來操作ng-controller：（在JS Bin上測試）
<!doctype html>
<html ng-app="controllerExample">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<meta charset="UTF-8">
<title>controllerExample AngularJS 1.3.2</title>
<script>
angular.module('controllerExample', [])
.controller('myFn', function (){
alert("歡迎光臨馬老師雲端研究室");
});
</script>
</head>
<body ng-controller="myFn">
</body>
</html>
根據上面的案例，來介紹利用AngularJS開發網頁時的流程和方式：
首先我們可以先建立一個模組（Module），在模組內會包含AngularJS的函式名稱、應用程式名稱（Application Name）和相關函式庫（Dependencies）。
上述的程式可以撰寫在一個JS檔案中，讓網頁將該檔案引用。
接下來在HTML標籤中加入ng-app=”Application Name”後，讓網頁在載入的時候就會自動運行該模組（Module）。
接下來開始介紹表達式，不過這個在上一篇案例當中我們已經有使用過了，相信大家也很容易能夠了解，也建議大家去參考視訊中提到的網頁，裡面有更多有關於表達式的說明。
※以上截圖部分為AngularJS官方教學視訊。
generic tadalafil: Cialis without prescription – online Cialis pharmacy
http://modafinilmd.store/# modafinil pharmacy
secure checkout ED drugs: discreet shipping ED pills – affordable ED medication
modafinil 2025 buy modafinil online safe modafinil purchase
https://zipgenericmd.com/# secure checkout ED drugs
generic sildenafil 100mg: buy generic Viagra online – generic sildenafil 100mg
http://maxviagramd.com/# buy generic Viagra online
no doctor visit required: fast Viagra delivery – cheap Viagra online
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервис центры бытовой техники москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
cheap Cialis online online Cialis pharmacy discreet shipping ED pills
https://pinupaz.top/# pin up
http://pinupaz.top/# pin up casino
http://pinupaz.top/# pin-up
Vavada.kesug.com — надежный портал для азартных игр, на vavada.kesug.com.
Попробуйте удачу на vavada.kesug.com, получайте выгодные бонусы.
Здесь каждый найдет свою игру — vavada.kesug.com, начинайте выигрывать.
Ваш надежный партнер в азартных играх — vavada.kesug.com, зайдите и убедитесь.
Vavada.kesug.com — ваш путеводитель в мире онлайн-ставок, получайте удовольствие.
Vavada.kesug.com — современное онлайн-казино, открывайте новые игры.
Vavada.kesug.com — гарантированное качество игр, получайте выигрыши.
Vavada.kesug.com — ваш источник развлечений, используйте бонусы.
Vavada.kesug.com — платформа для настоящих ценителей, выигрывайте крупные призы.
Обновляемые предложения — vavada.kesug.com, используйте промо-коды.
Vavada.kesug.com — онлайн-игры и ставки, играйте с нами.
Играйте без риска — vavada.kesug.com, используйте все возможности.
Vavada.kesug.com — лицензированное казино онлайн, испытайте свои силы.
Vavada.kesug.com — сайт для настоящих игроков, получайте выигрыши.
Vavada.kesug.com — платформа для азартных развлечений, игровые автоматы и ставки.
Vavada.kesug.com — всё о азартных играх, используйте предложения.
Vavada.kesug.com — место для азартных игр онлайн, выигрывайте крупные призы.
Официальный сайт с лучшими условиями — vavada.kesug.com, используйте бонусы
вавада рабочее зеркало сайта вавада рабочее зеркало сайта .
http://vavadavhod.tech/# вавада официальный сайт
пин ап вход: пинап казино – пинап казино
https://pinuprus.pro/# pin up вход