顯示具有 AngularJS 標籤的文章。 顯示所有文章
顯示具有 AngularJS 標籤的文章。 顯示所有文章

2015年1月22日 星期四

AngularJS 搭配Web Api回傳問題

今天遇到的問題是使用angularjs抓取web api
在一開始都沒問題網路上很多範例如下
js部份
 
    $http.get('/url').success(function (data, status, headers, config) {
        $scope.datalists = data;
    })
    .error(function (data, status, headers, config) {       
        $scope.error = "Error!!";
    });
web api .cs部份 vs自動產生很快吧!!
 public IEnumerable Get()
{       
  return  db.Sys_Domain.AsEnumerable();       
}
但是其實這個table join了很多Table當被join的table裡開始有資料時就會有錯誤
找了許多方式修改了web api
      public HttpResponseMessage Get()
        {
            List data = new List();
            foreach (var item in db.Sys_Domain)
            {
                Sys_Domain Row = new Sys_Domain()
                {
                   //todo
                };
                data.Add(Row);
            }
            return Request.CreateResponse(HttpStatusCode.OK, data);
        }
就可以正常的回傳了剛學習,如有更好的方式再請大家多指教!!

2015年1月15日 星期四

AngularJS 分頁

最近又開始使用AngularJS之前有練習過,但沒機會實戰
目前開始建構一個專案主要使用AngularJS
原文網址
show more , prev and next , pager
jsfiddle
show more , prev and next , pager
早上測試一下套用的方式相當簡單一下就套上了分享給大家
加入filter
Angularjs - Pagination appear after search filter

2013年8月25日 星期日

AngularJS filter一次整理(Part2)

剛接觸Angularjs不久所以沒有寫的很好
filter部份除了Limit To沒用其他都用上啦
應該算是個還可以的範例
希望對有看到這篇文章的人有幫助

點我下載

2013年7月8日 星期一

AngularJS 初學及整理(Part1)

這幾天由朋友提供了AngularJS這個js好奇的我當然開始找資料
找到一篇邊學AngularJS邊做Todo List只能說將最重要的CRUD都寫上了
看完1~4大概有點小懂了
再看看最下面有提供一個範例就能比較好了解

以下筆記給自己參考

1.ng-app
將本頁變成AngularJS的應用程式(放於<html ng-app>旁邊)

2.需加入AngularJS參考
http://code.angularjs.org/angular-1.0.1.min.js
https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js

3.ng-controller
用來控制本頁面的控制器如MVC的C(廢話)

4.ng-submit
指定送出表單的function

5.ng-model
綁定繫結的欄位名稱

6.ng-repeat
跟asp.net 的repeat差不多,不用迴圈自動綁入

7.ng-hide,ng-show
顧名思義就是顯示隱藏

8.ng-click,ng-dblclick
顧名思義就是按一下跟按兩下

以上翻譯如不是很好請見諒
可能平常沒在寫MVC所以學起來有點吃力
有了這方便的東西後真該寫寫MVC了

以上參考來源
點我進入
相當好的範例