Code Record

請看程式上面的注解囉。 找資料很困難，查到怎麼做還蠻簡單=_= HTML <input id="file" name="file" type="file"  /> <input type="button" value="上傳2" ng-click="upload()"/> JS(Controller)  //檔案上傳函數 $scope.upload = function () {   //取得所選的上傳檔案 var file = document.getElementById('file').files[0];   //使用formData去包資料 var formData = new FormData();   //input name , 檔案/資料 formData.append("file", file); $http({  method: 'POST',  url: "Pathangul",  headers: {'Content-Type': undefined},  data: formData }).success(function (data) {  console.log(data); }).error(function () {  alert("error"); }); };

In Controller   document. Form .action = 'http://www.example.com/API/Purchase'; In Html <form name=" Form ">  ... </form> then it should work

官方文件 https://docs.angularjs.org/error/$compile/multidir 官方文件上說的事你宣告了兩個相同定義的directive 問題出在 directive   restrict: 'AE' 例如 這時候region跟school的directive定義為AE 那麼在學校tag也有個region他就傻傻分不清楚就壞掉囉OTZ 解決的方式是將directive的restrict改為E(Element)定義   restrict: 'E' 就可以解決重複定義的問題

Live demo :http://jsbin.com/suxil/1/edit 此範例用於對 table 的操作，如 sort , filter 其他於程式碼內有註解

Live demo : http://jsbin.com/yukew/1/edit 說明 :         基本上就各個元件的操作及取值，每一個元件都有自己的 controller 以及自己的屬性及內容 ( 互不相干 ) ，比較特別的是 checkbox 使用其他人寫好的套件，原本的無法使用 ng-repeat 去設定各個元件

1.          Html bind Html Live demo :http://jsbin.com/doguv/1/ 說明 :                原始碼有注解，看懂直接跳到下一個章節，若看不懂繼續。         <html ng-app>         此段的用意式宣告此份文件 ( 區塊 ) 為 angularJS 所管轄之文件，也可以宣告在其他 TAG 底下例如 div, 只有在這個區塊才會被 angular 所解譯 。 <h3>Hello {{ name||'Angular' }}</h3>         顯示 H3tag 且內容為 name( 透過 angular 所綁訂 ) 若 name 為空值則帶入 Angular <input type="text" ng-model="name">         透過 ng-model 去綁訂 name <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.15/angular.min.js"></script>         使用 cdnjs 所提供的 angularJS ，也可以逕自到其他有提供 JS LIB 的地方去撈 angular 2.          Html bind JS Live demo :http://js...

簡介 Angular JS 為一款前端 MVC 架構分離的套件，由 google 所開發的 opensourse 套件。並由於他已經幫妳寫好 Data-Binding ，所以網頁的資料會隨著 javascript 內的變數值不同而隨之改變 AngularJS V.S. Jquery 這兩者都是神器，但是是不同類型的東西，一個是物件導向，一個是 MVC Jquery 可以很直覺得對 dom 進行操控，並擁有廣大的社群所累積的 plugin ，已經是套相當成熟的一套網頁的寫作方法。 AngularJS 則是以 MVC 使得資料介面可以切得更漂亮更完善的一套方法，並且因為 Data-Binding 更可以使程式碼寫得更簡潔。 若習慣 JQ 寫作方法的人不仿看看以下這個影片，就能了解到他的強大。其實也就是少寫很多冗長的程式碼。 https://www.youtube.com/watch?v=tnXO-i7944M 以下邊做邊學綱要如下，不過基本上都是看上述影片所寫的相關內容。 1.   簡介 2.   Html bind Html&    Html bind JS 3.   Event 4.   Table 5.   Angular MVC 6.   簡易 CRUD 7.   表單驗證 Form volidata  參考 : Dan Wahlin - AngularJS in 20ish Minutes - NG-Conf 2014 https://www.youtube.com/watch?v=tnXO-i7944M Angularjs Tutorial for Beginners - learn Angular.js using UI-Router https://www.youtube.com/watch?v=QETUuZ27N0w