[Học AngularJS] - Bài 02 - ng-a - AngularJS căn bản
Ở video trươc chúng ta đã học được cách download và chạy chương trình Hello World! rồi, vậy thì trong video này chúng ta sẽ tìm hiểu đến một directive rất là quan trọng trong angularjs đó là ng-app. Trong một ứng dụng website thì ng-app đóng vai trò là một main module, nếu Angular nó nhận thấy ...
[Học AngularJS] - Bài 01 - Hello World! - AngularJS căn bản
Đây là bài đầu tiên trong loạt serie video học angularjs căn bản. Trong serie này chúng ta sẽ cùng nhau học AngularJS step by step, có nghĩa là loạt serie này sẽ dẫn đường cho các bạn chinh phục bộ Javascript Framework khá hay này. Trong bài này chúng ta sẽ học cách download và tích hợp thư viện này ...
Bài 24: Directive ng-class-odd và ng-class-even trong Angularjs - AngularJS căn bản
Có một số layout hiển thị danh sách theo dạng row lẻ thì có background khác với màu chẵn, lúc này giải pháp của chúng ta là tạo hai class là odd dành cho row lẻ và even dành cho row chẵn. Nếu chúng ta dùng vòng lặp foreach trong php để lặp thì sẽ kiểm tra điều kiện index chẵn hay lẻ để hiển thị, ...
Bài 23: Directive ng-click trong angularjs - AngularJS căn bản
Trong các đối tượng HTML (các thẻ HTML) có một sự kiện mà đối tượng nào cũng có đó là onclick, sự kiện này xảy ra khi chúng ta dùng chuột click vào phạm vi hiển thị của thẻ đó, nếu các thẻ chồng lên nhau thì khi chúng ta click thì cấp cao nhất sẽ được xảy ra trước. Với angular thì nó cung cấp ...
ạo tabs với ng-show & ng-class & ng-click trong angularjs - AngularJS căn bản
AngularJS Version: 1.3.2 Qua những bài lý thuyết của serie angularjs toàn tập thì chúng ta sẽ vận dụng nó để tạo một chức năng cũng khá là phổ biến trong các website hiện nay đó là tạo tabs. Thông thường chúng ta sử dụng jQuery để giải đáp cho bài này nhưng chúng ta đang học AngularjS nên trong ...
Bài 22: Directive ng-class trong angularjs - AngularJS căn bản
Trong bài này chúng ta sẽ tìm hiểu việc xử lý thêm hay thiết lập các class cho đối tượng HTML thông qua directive ngClass rất hay mà AngluarJS cung cấp cho chúng ta, việc dùng nó thực sự rất đơn giản mà bạn sẽ không ngờ tới, kết hợp với animation thì giống như thịt gà chấm muối tiêu. 1. Tìm hiểu ...
Bài 21: Services trong AngularJS và cách tạo Service mới - AngularJS căn bản
Có lẽ bạn từng nghe qua khái niệm Service rồi nhỉ, chẳng hạn như Service trong PHP thì nhiệm vụ của nó giống như là một API dùng để trả kết quả về cho client. Đối với AngularJS thì nó cũng không có gì khác, service chính là những hàm thực hiện một nhiệm vụ cụ thể nào đó. 1. Service trong ...
Bài 20: Directive ng-include trong AngularJS - AngularJS căn bản
Nếu bạn là dân lập trình PHP thì bạn cũng biết hàm include hay hàm required trong PHP dùng để import một file PHP khác vào file hiện tại. Đây là phía Server, vconf phía client thì như thế nào? Thông thường chúng ta sẽ sử dụng ajax hoặc là iframe để xử lý vấn đề này. Tuy nhiên nếu sử dụng ...
Bài 19: Directive ng-init trong AngularJS - AngularJS căn bản
1. Tìm hiểu directive ng-init trong angularjs Tất cả các ví dụ từ trước tới nay đều sử dụng Controller để thiết lập gái trị khởi tạo ban đầu, nhưng có một cách khác là sử dụng directive ng-init để thay thế. Chúng ta sẽ khai báo giá trị khởi tạo dưới dạng chuỗi, và cách dùng có thể dùng để gán ...
Bài 18: Directive ng-repeat trong AngularJS - AngularJS căn bản
Repeat trong tiếng anh dịch ra có nghĩa là lặp lại, mà nhắc đến lặp thì hẳn các bạn cũng nhớ đề các vòng lặp trong PHP như vòng lặp for, vòng lặp foreach hay while và do while. Trong javascript cũng có vòng lặp for, while và do while. Vậy AngularJS có không? Bản chất nó cũng là javascript nên ...
Bài 17: Directive ng-show và ng-hide trong AngularJS - AngularJS căn bản
Bài này chúng ta tìm hiểu hai đối tượng Directive khá là hay và rất giống với các hàm hide() và show() trong jquery đó là ngHide và ngShow trong AngularJS. Vì cả hai có mối liên hệ với nhau nên mình gộp chung một bài luôn và làm ví dụ chung cho dẽ hiểu và bài sẽ gọn hơn. 1. Directive ng-show trong ...
Bài 16: Directive input month và input week trong AngularJS - AngularJS căn bản
Hai đối tượng cuối cùng chúng ta tìm hiểu liên quan đến ngày tháng đó là input[type="month"] và input[type=""week], cả hai loại này đều là HTML5 nên nó cũng chẳng khác gì những Directive Date, Datetime-local và Time ở các bài trước. Trước tiên chúng ta sẽ tìm hiểu input Month trước nhé. 1. ...
Bài 15: Directive input time trong AngularJS - AngularJS căn bản
Bài này chúng ta tìm hiểu liên quan đến ngày tháng đó là Directive Time, mình cũng không giới thiệu nhiều về time là gì nữa mà sẽ đi thẳng vào vấn đề luôn nhé, vì tới bài này thì chắc hẳn bạn cũng đã hiểu phần nào về xử lý directive trong AngularJS rồi. 1. Directive Time trong ...
Bài 14: Directive input datetime-local trong AngularJS - AngularJS căn bản
Chúng ta đã tìm hiểu Directive date rồi mà tại sao lại xuất hiện thêm một directive tên là datetime-local nữa? có lý do đấy các bạn ạ, để rõ ràng thì chúng ta sẽ tìm hiểu và so sánh với kiểu date cho minh bạch nhé, mời các bạn theo dõi phần dưới đây. 1. Directive datetime-local trong AngularJS Với ...
Bài 13: Directive input date trong AngularJS - AngularJS căn bản
Thông thường để xây dựng một chức năng hiển thị ngày tháng năm ra ngoài thì ta sử dụng plugin jquery UI, nhưng điều này không còn nữa nếu ta sử dụng HTML5 cho thẻ input với type = "date", kết hợp với AngularJS nữa thì việc xử lý trên object này hoàn toàn dễ dàng. Đây là giao diện khi chúng ta khai ...
Bài 12: Directive input checkbox trong AngularJS - AngularJS căn bản
Checkbox dùng để lấy thông tin của người dùng ở dạng multiselect, nghĩa là người dùng có thể chọn 1 hoặc nhiều checkbox. Trong AngularJS thì checkbox chức năng cũng không khác gì mấy, mục đích cũng là lấy thông tin của người dùng mà thôi. Để khai báo một input là checkbox thì ta sẽ sử dụng thuộc ...
Bài 11: Directive input trong AngularJS - AngularJS căn bản
Nói về input thì có nhiều loại lắm, ví dụ như checkbox, textbox, select, radio, textarea, .. vậy phải chăng hôm nay chúng ta đang tìm hiểu món này? Không phải nhé các bạn, hôm nay chúng ta chỉ tìm hiểu chung chung thôi không thuộc thể loại trên. Nhưng vì là input không khai báo type nên mặc định ...
Bài 10: Directive ng-form trong AngularJS - AngularJS căn bản
Ở bài trước chúng ta đã tìm hiểu Form rồi nhưng chúng ta chưa xử lý sự kiện submit của Form là tại vì đê rsubmit form thì cần có Directive ng-form nên mình dành một bài riêng viết về chủ đề này luôn. Thời lượng bài này có lẽ không dài như các bài trước nên rất dễ để tìm hiểu nó. 1. Directive ...
Bài 09: Directive Form trong AngularJS - AngularJS căn bản
Như ta biết FORM dùng để thao tác lấy thông tin của người dùng, nghĩa là sẽ hiển thị một form lấy thông tin trên website, người dùng nhập dữ liệu vào và submit form. Lúc này Server sẽ nhận các thông tin đó và xử lý. Bởi vậy trong các ứng dụng web FORM đóng vai trò rất quan trọng, nên trong AngularJS ...
Bài 08: Directives ng-bind - ng-bind-html - ng-bind-template trong AngularJS - AngularJS căn bản
Ở các bài trước mình đã sử dụng ng-bind rất nhiều ở các ví dụ nên có lẽ bạn cũng không thấy xa lạ gì nữa. Nhưng mình vẫn muốn tạo một bài viết riêng như thế này mục đích giúp các bạn có thể tìm kiếm dễ dàng hơn và cũng như tìm hiểu kỹ về Directive ng-bind hơn. Trong bài này không những tìm hiểu về ...
