Bài 07: Directive ng-model-options trong AngularJS - AngularJS căn bản

Bài trước chúng ta đã tìm hiểu một Directive rất quan trọng đó là ng-model trong AngularJS, và chúng ta cũng làm được khá nhiều ví dụ cho chủ đề ng-model này. Vậy để tiếp tục theo luồng serie thì trong bài này chúng ta sẽ tìm hiểu một Directive khác có liên quan mật thiết đến ng-model đó là ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Bài 06: Directive ng-model trong AngularJS - AngularJS căn bản

1. Ng-model trong AngularJS là gì ? ng-model hay còn gọi là ngModel là một Directive dùng để liên kết dữ liệu với client, nghĩa là nó thường được dùng để cho người dùng nhập liệu nên ta hay sử dụng trong FORM html. Ở bài Scope trong Angularjs chúng ta cũng đã làm một ví dụ về ng-model mà ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Bài 05: Tìm hiểu AngularJS Directives - Danh sách Directives - AngularJS căn bản

Bài trước chúng ta tìm hiểu về Scope trong angularJS nhưng chưa bàn luận về các kiến thức sâu hơn như mô hình cấu trúc DOM, chu kỳ sống của Scope. Nhưng tôi quyết định bỏ qua và sẽ trình bày nó trong một bài gần nhất, lý do đơn giản là nếu tiếp tục tìm hiểu mà không có viết ứng dụng kết hợp với ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Bài 04: Tìm hiểu Scope và rootScope trong AngularJS - AngularJS căn bản

Các ví dụ ở bài trước chúng ta đã sử dụng đối tượng $scope rất nhiều rồi và tôi cũng đa có giải thích tác dụng và cách dùng của nó, nhưng để các bạn dễ hình dung hơn thì trong bài này chúng ta sẽ tìm hiểu kỹ hơn đối tượng $scope này. Nhưng trước khi bắt đầu bạn nên ôn kỹ các bài trước đã nhé. 1. ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Bài 03: Tìm hiểu Controller trong AngularJS - AngularJS căn bản

Ở bài trước chúng ta đã thực hành hai ví dụ đơn giản trong AngualrJS nhưng có những cái mà có lẽ bạn thắc mắc không hiểu tại sao phải code như vậy, những thứ đó chúng ta sẽ tìm hiểu dần dần qua từng bài, từng ví dụ cụ thể nên nếu bạn không tiếp thu được thì hãy bỏ qua đoạn đó nhé. Tuy nhiên theo tôi ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Bài 02: Download AngularJS và viết ứng dụng AngularJS đầu tiên - AngularJS căn bản

Bài trước chúng ta đã tìm hiểu khái niệm về AngularJS và các ứng dụng, ưu và nhược điểm của Angular, tuy nhiên đó là về mặt lý thuyết ngắn gọn nên mình không thể trình bày hết nội dung của nó được. Và để các bạn rõ ràng hơn thì trong bài này chúng ta sẽ viết một ứng dụng bằng AngularJS đầu tiên ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Bài 01: Tổng quan về AngularJS - AngularJS căn bản

Trong loạt bài serie này tôi và các bạn sẽ tìm hiểu các kiến thức căn bản nhất của Angular, mỗi bài sẽ đi tìm hiểu một chủ đề, trong mỗi bài sẽ có các ví dụ minh họa và demo trực tiếp trên live editor nên rất dễ để học. Hy chúng ta sẽ thành công khi xong loạt serie này. 1. AngularJS là gì? Angular ...

Tác giả: Vũ Văn Thanh viết 14:48 ngày 06/04/2021

Hàm document.activeElement trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body onclick="myFunction()"> <h1>Học lập trình miễn phí tại ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.addEventListener() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.adoptNode() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.anchors trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.baseURI trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.body trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.cookie trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> </style> </head> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.characterSet trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <body> <h1>Học lập trình miễn phí tại Zaidap.com.net</h1> <p id="result"></p> <button ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.createAttribute() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #test { color: red; } </style> <body> <h1>Học lập ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.createComment() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #test { color: red; } </style> <body> <h1>Học lập ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.createDocumentFragment() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #test { color: red; } </style> <body> <h1>Học lập ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.createElement() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div { color: black; margin: 10px 0px; text-align: center; ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021

Hàm document.createTextNode() trong Javascript - Javascript Function

Code RUN <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div { color: black; margin: 10px 0px; text-align: center; ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021