angularJS 官網 在要開始學習angularJS之前,先玩一下這個範例吧↓ 你輸入的是: {{ greet }} 玩過上面的小程式後,就可以很明顯感覺到它的獨特之處 提供了資料的雙向綁定,讓使用者輸入後直接更新網頁程式的變數。 即時預覽,使用者輸入後不需要重新整頁,增加網頁的親合度。 Web 程式輕量化,減少開發負擔 再舉google搜尋和臉書為例,google圖片搜尋結果會隨著使用者往下瀏覽時,自動新增圖片。臉書也是,你可以在任意文章上面留下回應而不需要等待重整網頁,跳出新文章時也不影響你瀏覽其他文章。 介紹完angularjs後,接下來就要進入本文的重點寫程式啦。別擔心,我們當然會從簡單的開始學。 在<head>匯入AngularJS <head> <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script> </head> ng-app 的基本宣告 ng-app 宣告了angularJS在HTML的作用範圍。當angularJS看見ng-app時,就會自動初始化(auto-bootstrap)此範圍內的腳本程式。 請注意( ng-app的說明 )!原則上,一個網頁只可以宣告一次ng-app。若是你想要網頁上同時有多個ng-app,需要手動宣告。 在<html>或<body>宣告 <html ng-app> <body> <div> 1 + 2 = {{1+2}} </div> </body> </html> <html> <body ng-app> <div> 1 + 2 = {{1+2}} </div> &l
為什麼 用5個空白來測試@@
回覆刪除謝謝你的細心~圖片上不小心多打了一個空白
刪除已更正圖片囉 :)