Xin Kinh Nghiệm áp Dụng AngularJS Vào Thực Tế - Dev Chat

Có thể bạn quan tâm

dev chatangularjs laptrinhio (Lập Trình Sư) May 30, 2015, 2:36pm #15

Cho hỏi DNH này có dùng AngularJS ko vại

Không, Discourse + EmberJS1 Like tboy92 (Bùi Quốc Thái) June 5, 2015, 10:16am #16 Gì chứ trang đấy mình ghét cực :)) ăn cắp ý tưởng, nội dung và làm lại cũng ko hay vanduc1102 (Duc Nguyen) June 8, 2015, 6:11am #17 Bên cty mình đang dùng Java EE + AngularJSNguyên tắc cơ bản là JavaEE là server RESTful AngularJS dùng làm client.1 Like vhnam (Võ Hoài Nam) June 8, 2015, 9:59am #18 Làm SPA với Angular 1.x thì nó còn hơi lag khi truy cập trang trên mobile có cấu hình yếu. Từ phiên bản Angular 2 thì nó bắt đầu tối ưu hơn cho mobile. mikadonguyen January 26, 2016, 8:30am #19 Bên mình cần tuyển dụng lập trình viên Front-End với AngularJS.Anh em nào có khả năng thì liên hệ mình qua email 01@fi.ai. Hoặc nếu có bạn bè làm về AngularJS thì giới thiệu giúp mình.Xin cám ơn. reoteu_ray (Reoteu Ray) March 25, 2016, 5:38pm #20 nói như vậy là app single page hoạt động giống kiểu web service ,server trả về dữ liệu chứ ko phải là 1 page html codocntt (Do Nguyen) March 27, 2016, 11:17pm #21 bạn nên làm một ví dụ về Angular JS, đọc hiểu kiến trúc rồi sẽ hiểu. Thuc_Nguyen_tan (Thuc Nguyen Tan) August 12, 2016, 6:29am #22 Cứ view source, find .js thấy có cái angular.js là biết liền bạn àhttp://vibigaba.esy.es-hello world Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 4:59am #23 Trang nhà bạn xài jQuery thui chứ angular cái gì bạn!!! <script type="text/javascript" src="/js/pre/queryloader2.min.js"></script> <script type="text/javascript" src="/lib/jquery/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="/lib/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script type="text/javascript" src="/lib/select2/select2.min.js"></script> <script type="text/javascript" src="/lib/validate/jquery.validate.min.js"></script> <script type="text/javascript" src="/lib/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script> <script type="text/javascript" src="/lib/lazyload/jquery.lazyload.min.js"></script> <script type="text/javascript" src="/lib/image-map-resizer/imageMapResizer.min.js"></script> <script type="text/javascript" src="/js/pre/pre-login.min.js?v=15"></script>Toàn một đống thư viện của jquery, bootstrap??? Đã xài cái angular thì chả cần cái jquery validate làm chi cho mệt!!! Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 5:06am #24 Mình nghĩ là angular xài cho back end mới thể hiện được sức mạnh của nó???vả lại angular js là sự phủ định của jQuery ( angular chứa hàng tá các function của jQuery), Phủ định luôn của route của server chẳng hạn như route của CodeIgniter.thế hệ của nó là bạn đồng hành của note.js nguyenhuuca (Nguyen Ca) August 14, 2016, 5:51am #25

Mình nghĩ là angular xài cho back end mới thể hiện được sức mạnh của nó???

Sai cơ bản, angular dùng làm front-end, hoạt động ở client side.

angular js là sự phủ định của jQuery

Sai nốt, angular.element sẽ gọi function jquery nếu đang dùng, nếu không thì sẽ jqLite.2 Likes Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 7:20am #26 Câu 2: “sẽ gọi function jquery nếu đang dùng, nếu không thì sẽ jqLite” điều này có nghĩa là không có mợ (jQuery) thì chợ vẫn đông (jqLite) phải không bạn. --> Angular chỉ hữu nghị cho bạn jQuery chơi chung thội í …Giả sử trang web bạn có 2 cái thế này<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>Thì việc gì bạn lại không disabled cái jQuery cho rãnh nợ (nhẹ cho web hơn)Câu 1: từ từ mình trả lại sau nhé vì có nhiều liên quan đến khái niệm front end và back end Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 7:05am #27 Mình quan niệm về front end và back end như thế này, bạn cho ý kiến nhé.Giả sử mình có một công ty và đặc biệt là công ty mình làm việc tất tần tật trên web ( có thể bọn google làm thế). Như vậy trang web của mình gồm 2 phần, một là các giao diện làm việc của “tất cả” các nhân viên của công ty, phần thứ 2 là phần còn lại của thế giới. Mình gọi phần 1 là back end, phần 2 mình gọi là front end …end nguyenhuuca (Nguyen Ca) January 5, 2021, 10:39am #28

, một là các giao diện làm việc của “tất cả” các nhân viên của công ty

Cái chú nói nó không gọi là back-end, nó là internal system, không public ra bên ngoài. nếu nói như chú chỉ cần nó public cái này ra ngoài thì nó thành front end ah? Khái niệm thì phải rõ và được người nhiều người chấp nhận, front end: phần xử lý tương tác trực tiếp với người dùng: (appl hay web điều thế) back end : xử lý về data, và xử lý trên remote server.

angular js là sự phủ định của jQuery

bởi vì chú nói phủ định tức là nó có thể thay thế jquery, cái này là không đúng, nó có thể không dùng jquery nhưng không có nghĩa là thay thế đươc.1 Like Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 11:46am #29 Angular’s jqLitejqLite provides only the following jQuery methods:Nhìn thấy một đống binh mã của nó chưa, nó đầy đủ để người dùng không cần dùng jQuery nữa cái nào cũng có thậm chí:Hàm convert json to string trong jQuery là :JSON.stringify({id:1,ten:“ten den ho”}) của nó là angular.toJson({…})selector : $("#myDiv") của nó là angular.element("#myDiv")tóm lại nó chiếm võ đài của jQuery…hix hix hix

Thực ra theo mình nghĩ thì angular là sự kết hợp của jQuery và ui widget, có thời gian mình cũng thích cái ui widget này, nhưng nay có angular thì khỏi cần nữa… JO_Ker (Jo Ker) August 14, 2016, 11:47am #30 Mình làm 1 project về AngularJS 1.x và nhận xét như sau: AngularJS 1.x là 1 framework thiết kế tốt nhưng nhiều cái khá dở:

Mình không thể tạo 2 variable, constant hay controller có cùng tên trong 2 module khác nhau được!!!.

Nếu việc xử lý quá nhiều làm cho trang bị trễ, vd nếu một view mà có cái table cỡ 10 cột, 100 dòng và thêm phần localization, biểu đồ, thì nó sẽ mất gần nửa giây để render và hiển thị ra.

Scope trở nên thừa, mà nếu dùng scope nhiều mình sẽ khó biết cái model trên template nó nằm ở controller nào. thay vào đó mình dùng từ khóa this.

Các directive toàn là những cái làm cho jQuery chạy được trên Angular, trong khi ng ta khuyên nên bỏ jQuery khi làm việc với Angular.

Và quan trọng là code AngularJS chẳng có cảm giác code Javascript gì cả. Các cấu trúc có sẵn, và mình chỉ nhét code vào.

Tin vui là Angular2 sẽ khắc phục được những nhược điểm trên (Mình nghe nói thế). Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 12:19pm #31 Mình mới học angular thôi nhưng mình thích angular 1 thôi, cái angular 2 kia đọc khó hiểu quá, chắc có lẽ phải sử dụng thành thục cái angular 1 rồi mới tới cái angular 2 kia.“Scope trở nên thừa, mà nếu dùng scope nhiều mình sẽ khó biết cái model trên template nó nằm ở controller nào. thay vào đó mình dùng từ khóa this.” cái này hay đấy bạn mình thấy người ta hay xài, vả lại nó khiến cho biến này thành private cũng tốt thôi, để xài thử cho biết, vậy là không cần inject cái $scope nữa à?Còn cái route của angular mình cũng không chơi bởi vì thích xài cái mvc của Codeigniter, việc kết hợp của angular1 + Codeigniter mình thấy cũng ăn ý lém.Xu hướng hiện nay là

angular (client ) + nodejs (server) + bootstrap ( css)Xài angular cho table bạn có cái tip nào không?ý mình nói là hiển thị một data table vào table html, sau đó add,del,edit, and final is save all to data server!!! ( cái này tui ADO.net gọi là update table ) nguyenhuuca (Nguyen Ca) August 14, 2016, 12:14pm #32

Nhìn thấy một đống binh mã của nó chưa, nó đầy đủ để người dùng không cần dùng jQuery nữa

đau ai nói cái này, và đa số nếu không có gì đăc biệt thì không cần jquery. cái ta nói là dùng “phủ định” là không đúng.

Mình không thể tạo 2 variable, constant hay controller có cùng tên trong 2 module khác nhau được!!!.

Cái này do toàn bộ chỉ xài 1 “ng-app”. toàn bô các module khác điều được inject vào module cha, cho nên về mặt lý thuyết nó sẽ không phân biệt được dùng cái nào. (hình như là nó sẽ hiểu cái load sau cùng).

ý mình nói là hiển thị một data table vào table html, sau đó add,del,edit, and final is save all to data server!!!

Dùng ui-grid1 Like Thuc_Nguyen_tan (Thuc Nguyen Tan) August 14, 2016, 12:24pm #33 uh ui-grid hả, thấy nó đẩy vào một đống js thấy oải nguyenhuuca (Nguyen Ca) August 14, 2016, 12:24pm #34 1 file js với 1 file css là ok rồi1 Likenext page →