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官方教學視訊。
пропуска на грузовые машины в москве пропуска на грузовые машины в москве .
изи дроп промокод https://www.izi-drop-promokod.ru .
промокод изи дроп 50 промокод изи дроп 50 .
оформить пропуск в москву для грузовиков оформить пропуск в москву для грузовиков .
изи дроп промокод на 100 процентов изи дроп промокод на 100 процентов .
промо изи дроп [url=http://izi-drop-promokod.ru]промо изи дроп[/url] .
промокоды изидроп http://www.izi-drop-promokod.ru .
https://sweetbonanza25.com/# sweet bonanza
deneme bonusu veren siteler yeni: deneme bonusu veren siteler yeni – yeni deneme bonusu veren siteler
La vida personal de Cristiano Ronaldo es tan fascinante como su carrera profesional | Los seguidores de CR7 esperan ansiosos cada publicacion en su Instagram https://cristiano-ronaldo.com.mx | La decision de Ronaldo de jugar en Arabia Saudita genero gran expectacion | La camiseta de CR7 con el numero 7 es un icono mundial | Los articulos sobre su hijo Cristiano Ronaldo Jr. generan gran curiosidad [url=https://cristiano-ronaldo.com.mx/]Camiseta oficial de CR7[/url].
easydrop промокоды 50 easydrop промокоды 50 .
deneme bonusu veren casino siteleri: Canl? Casino Siteleri – casino bahis siteleri
yat?r?ms?z deneme bonusu veren siteler denemebonusuverensiteler25 yeni deneme bonusu veren siteler
Way cool! Some extremely valid points! I appreciate you penning this article and the rest of the site is also very good.
Since then, he has added objects similar to music packing containers, yo-yos, images, candleholders, and pens.
https://www.telqq.com Telegram群组,Telegram群组导航。收录Telegram上的优质频道和群组,打造一个高质量Telegram导航。TGNAV收录整理了Telegram上的许多优质频道、群组、机器人,帮助用户发现更多优质的群组。
вывод из запоя на дому ростов цены вывод из запоя на дому ростов цены .
выезд на дом капельница от запоя выезд на дом капельница от запоя .
вывод из запоя анонимно ростов вывод из запоя анонимно ростов .
вывод из запоя цена на дому вывод из запоя цена на дому .
I think that is one of the so much important information for me. And i am happy reading your article. However wanna observation on some common things, The site style is wonderful, the articles is in point of fact excellent : D. Just right task, cheers
The standard dial-up Internet velocity is 56 kbps, which is the utmost information capacity of a digital telephone line within the United States.
капельница на дому от запоя капельница на дому от запоя .
вывод из запоя ростов на дону вывод из запоя ростов на дону .
вывод. из. запоя. ростов. на. дону. [url=http://vyvod-iz-zapoya-rostov229.ru]http://vyvod-iz-zapoya-rostov229.ru[/url] .
нарколог на дом вывод из запоя на дому [url=https://vyvod-iz-zapoya-rostov228.ru]нарколог на дом вывод из запоя на дому[/url] .
вывод из запоя на дому в ростове на дону [url=http://vyvod-iz-zapoya-rostov228.ru/]вывод из запоя на дому в ростове на дону[/url] .
вывод из запоя ростов на дону стационар https://vyvod-iz-zapoya-rostov229.ru/ .
прокапаться на дому от алкоголя цена прокапаться на дому от алкоголя цена .
Pretty! This was a really wonderful article. Thank you for supplying this info.