Downloaded 10 times
![ 第一步 21 怎麼開始 <html ng-app> or <script> var app = angular.module('app', [/* deps */]); angular.bootstrap(document, ['app']); </script>](https://image.slidesharecdn.com/angularjsasp-170709002926/75/twMVC-09-AngularJS-ASP-NET-MVC-21-2048.jpg)
![filters orderBy:‘PropertyName’ orderBy:[‘PropertyName’,‘-PropertyName’] 29 Directives, Filters and Data Binding](https://image.slidesharecdn.com/angularjsasp-170709002926/75/twMVC-09-AngularJS-ASP-NET-MVC-29-2048.jpg)
![ 如果你的 JS 需要最小化(Minify)，請這樣寫 myApp.controller("PersonCtrl",[‘$scope’,’$location ’, function ($scope,$location) {/*..*/}]); 60 其他](https://image.slidesharecdn.com/angularjsasp-170709002926/75/twMVC-09-AngularJS-ASP-NET-MVC-60-2048.jpg)
Uploaded bytwMVC
twMVC#09 | AngularJS 開發 ASP.NET MVC
文档讨论了使用 AngularJS 替代 ASP.NET MVC 和 jQuery 的动机与优点。AngularJS 提供了模块化、双向数据绑定和丰富的功能，使代码更简洁且易于测试。尽管也存在缺点，如 SEO 的挑战和调试困难，但其在现代前端开发中的重要性不断增加。
twMVC#09 | AngularJS 開發 ASP.NET MVC
- 1. AngularJS 開發 ASP.NETMVC jQuery 寫膩了嗎？換個新東西吧！ Bibby Chung http://bibby.be http://mvc.tw/0014
- 2. 微軟最有價值專家(ASP.NET) twMVC 聯合創辦人之一 獨立手機 APP軟體開發 2 講者簡介 Bibby Chung http://bibby.be
- 3. 現代化的網頁程式 功能越來越多 user experience 越來越重視 jQuery玩膩了寫煩了 不想再 DOM 來 DOM 去了 Single Page Application (SPA) 3 動機
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. 10 AngularJS 優點 From GoogleI/O 2013
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. 第一步 21 怎麼開始 <html ng-app> or <script> varapp = angular.module('app', [/* deps */]); angular.bootstrap(document, ['app']); </script>
- 22. 第二步 22 怎麼開始 到 NuGet下載 AngularJS <script src="~/Scripts/angular.js"> </script>
- 23.
- 24. 24 Directives, Filters andData Binding Demo
- 25. 什麼是 Directive 像一個 Html Tag 定義作用或作用域 想成 HTML 開外掛 25 Directives, Filters and Data Binding Html Tag 作用或作用域 Component
- 26. 有哪些 Directives 官網 26 Directives, Filters and Data Binding ng-app ng-model ng-init ng-repeat ng-show ng-controller ng-click
- 27.
- 28. 28 Directives, Filters andData Binding Demo
- 29.
- 30. 30 Directives, Filters andData Binding Demo
- 31.
- 32. 32 Views, Controllers andScope 設定Controller 設定Controller
- 33. 33 Views, Controllers andScope View Controller $scope
- 34. 34 Views, Controllers andScope Demo
- 35. 35 Views, Controllers andScope 要改變，從 Model 開始
- 36.
- 37. 37 Modules, Routes andServices BUT..
- 38. 38 Modules, Routes andServices 這樣寫還不夠，只能當水母
- 39. 39 Modules, Routes andServices
- 40. 40 Modules, Routes andServices
- 41. 41 Modules, Routes andServices
- 42. 42 Modules, Routes andServices 設定的Module設定的Controller
- 43. 43 Modules, Routes andServices Demo
- 44. Routes Single PageApplication(SPA) Services 獨體模式(Singleton) 適合 Controller 跟 Controller 的聯繫 Factories 任何想要模組共用的都可以丟到這裡 44 Modules, Routes and Services
- 45. 45 Modules, Routes andServices 設定Route http://localhost:7228/Test/Demo6#/Normal
- 46. 46 Modules, Routes andServices 設定Factories
- 47. 47 Modules, Routes andServices 設定Services
- 48. 48 Modules, Routes andServices Demo
- 49.
- 50.
- 51.
- 52.
- 53. 回答 可以協同作業，不過可以角色互換一下，以AngularJS 為主， 讓 AngularJS 架構模組化及雙向Binding，讓 jQuery 來處 理特效等其它部分 不要再用 DOM 來操作頁面上的 Element 了 內建有 jsLite 可以操作 DOM 用 AngularJS 寫出來的 Code 是可測試性的 讓程式朝著對的方向前進 53 其他
- 54.
- 55. 回答 ASP.NET MVC的 View 會越用越少 程式都會移到 AngularJS 來設計 AJAX 越用越多，JSON 來 JSON 去，ASP.NET MVC 很 單純的變成資料供應者 很多的程式都被移到前端來處理了，前端的程式滿天飛， 需要有好的方式來管理前端撰寫 55 其他
- 56.
- 57. 回答 SEO http://mvc.tw/000z 需要專業的人 不能再是跑龍套的角色 Debug 訊息並不是每次都很明顯，有時要靠資質直覺 57 其他
- 58.
- 59. Visual Stuido2012 Intellisense http://mvc.tw/000y 支援的瀏覽器 官方說法，保證支援現代化的瀏覽器 偵錯及效能工具 AngularJS Batarang http://mvc.tw/0010 59 其他
- 60. 如果你的 JS需要最小化(Minify)，請這樣寫 myApp.controller("PersonCtrl",[‘$scope’,’$location ’, function ($scope,$location) {/*..*/}]); 60 其他
- 61.
- 62.
- 63.
- 64. 官網 (英文)http://angularjs.org/ AngularJS 中文社區 (阿六仔) http://angularjs.cn/ Youtube 官網教學 http://mvc.tw/0012 Dan Wahlin 教學影片 http://mvc.tw/0011 加入 Facebook 的 AngularJS.tw 社團 64 資源
- 65.
- 66. Blog http://bibby.be Facebook http://fb.me/bibbynet Plurk http://www.plurk.com/bibbynet 66 聯絡我 Bibby Chung http://bibby.be
- 67. 謝謝各位 • 本投影片所包含的商標與文字皆屬原著作者所有。 • 本投影片使用的圖片皆從網路搜尋。 •本著作係採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 台灣 (中華民國) 授權條款授權。 h t t p : / / m v c . t w