ng-repeat無法顯示重複元素的解法
<p ng-repeat="num in [1,1,1]">{{num}}</p>
會出現ERROR訊息"duplicates in a repeater are not allowed"，
因為ng-repeat不允許重複元素。
解決方法
<p ng-repeat="num in [1,1,1] track by $index">{{num}}</p>
1
1
1
AngularJS (1) 宣告ng-app
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
留言
張貼留言