[鐵人30天]當ASP.NET MVC 遇見Angular.js MVC ... | angular js asp net mvc
*本篇目標綜合前面系列文章的教學,來複習及開發DashBoard(首頁資訊)*前言上一篇我們已經完成後端的訂單資料取得,接下來要逐步完成前端如何開發*取得WebAPIAngularJS開發習慣,我會在App底下建立個分頁資料夾,我們再底下建立個Service,用來跟WebAPI的DashBoard溝通。這個Service我們命名為"DashBoardService",向Web發送Get指令Controller部分命名為"DashBoardCtrl",向Service要資料,並給到$scope裡的Datas記得將Service跟Controller載入最上層的app.js,Route增加"OtherWise",只要網址找不到的都指向首頁,template我們指向Ind...
* 本篇目標綜合前面系列文章的教學,來複習及開發DashBoard ( 首頁資訊)
* 前言上一篇我們已經完成後端的訂單資料取得,接下來要逐步完成前端如何開發
* 取得Web APIAngularJS開發習慣,我會在App底下建立個分頁資料夾,我們再底下建立個Service,用來跟Web API的DashBoard溝通。
這個Service我們命名為"DashBoardService",向Web發送Get指令
Controller部分命名為"DashBoardCtrl",向Service要資料,並給到$scope裡的Datas
記得將Service跟Controller載入
最上層的app.js,Route增加"OtherWise",只要網址找不到的都指向首頁,template我們指向Index.html
而Home/Index.cshtml記得加上 <div ng-view></div>區塊,讓Index.html可以載入
* HTML設計實務上Html通常由設計師設計,拿到版後,只要將該有的NG Model加入適當的位置即可,但如果妳是全能工程師怎麼辦?其實在 http://kyleap.blogspot.tw/2014/09/30aspnet-mvc-angularjs-mvc-8.html[1] 第八篇我們有稍微介紹到Bootstrap加上一些工具能快速地來打造UI介面。今天要介紹另一個網站 http://bootsnipp.com/[2] ,這邊有許多人分享他們的Bootstrap客製化設計,基本上會有很多介面的靈感,且html . css . javascript都可直接套上使用,譬如,以下這很適合用來顯示員工及訂單清單:
http://bootsnipp.com/snippets/featured/contact-list[3]
我們將html整個複製到index...