忙裡偷閒的部落格

把玩了AngularJS一個月，試作了CRUD這些基本的功能，其實也不難，只是得先搞懂service、directive、factory、scope...這些物件的原理、用法。
我先以bootstrap拉了一個主版面出來，如下圖所示:
 
View的區塊就是讓template透過Route指引Multi Views來自動變化。而我想在一開始時先表列資料，點選某筆資料後，畫面切換到資料的明細，亦即List-Detail的呈現方式。

(繼續閱讀...)

忙裡偷閒 發表在 痞客邦 留言(2) 人氣()

在AngularJS中，有許多的service供您注入使用。而官方內建的service，開頭都加了$字號，例如$http、$filter...，當然我們也能自訂service(不得以$字號開頭，怕跟內建的互衝)，
供不同的controller使用，已達到reuse的目的。而我們能把提取後端資料的部分做成一service，如以下筆記:
services.js :
angular.module('myApp', ['ngResource']). //將ngResource module加入自訂的application

(繼續閱讀...)

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()

每次在學新的前端框架，最痛苦的就是ajax的部分，總是try好久，資料才能正確拋回前端，沒想到AngularJS也不例外，
不過這次是AngularJS的bug，不是我的問題 
原程式如下，簡單來說，就是透過controller到後端撈資料，再將資料放入moudle透過ng-repeat指令輪詢 li tag展示出來。
看似沒問題的一段code，是的!我也沒寫錯，但回傳的資料格式永遠是xml，而不是我定義的json。

(繼續閱讀...)

忙裡偷閒 發表在 痞客邦 留言(2) 人氣()

忙裡偷閒 發表在 痞客邦 留言(0) 人氣()