Bài 12 Sử Dụng Ng-show Và Ng-hide Trong AngularJS Như Thế Nào?

Trang chủ » Cách Sử Dụng Ng-show » Bài 12 Sử Dụng Ng-show Và Ng-hide Trong AngularJS Như Thế Nào?

Có thể bạn quan tâm

  • PL/SQL
  • Sản phẩm
  • ASP.NET MVC
  • SEO Web
  • AMP
  • Wiki
    • Mẹo hay
    • Bảo mật
    • Bài học hay
  • Wordpress
  • Nền tảng web
    • Boostrap responsive
    • Angular
    • HTML
    • Angularjs
    • Swiper Slider
    • jQuery
    • JavaScript
    • SASS/SCSS/CSS
  • Lập trình web
    • Nodejs
    • MySQL
    • ruby on rails
    • Lập trình php từ đầu
    • Tài liệu tham khảo
    • PHP cơ bản
    • CodeIgniter
    • CakePHP
    • Laravel
  • Trang chủ
  • Bài 12 Sử dụng ng-show và ng-hide trong AngularJS như thế nào?
Bài 12 Sử dụng ng-show và ng-hide trong AngularJS như thế nào?

Lượt xem: 7736

Xem demo

Ví dụ sau sẽ giúp bạn biết cách sử dụng ng-show và ng-hide trong AngularJS như thế nào.

<html> <head> <title>Chỉ dẫn (Directive) ng-show và ng-hide trong AngularJS</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> <script> angular.module('MyForm', []) .controller('myController', ['$scope', function($scope) { }]); </script> </head> <body ng-app="MyForm"> <h3>Chỉ dẫn (Directive) ng-show và ng-hide trong AngularJS</h3> <br /> <h5>Click để hiển thị/ẩn </h5> <input type="checkbox" ng-model="o_checkbox"> Check hiển thị <br /> <div> <div ng-show="o_checkbox"> Tôi ở đây </div> </div> <input type="checkbox" ng-model="o_checkboxhide"> Check để ẩn <br /> <div> <div ng-hide="o_checkboxhide"> Tôi đã sẵn sàng </div> </div> </body> </html>

Xem thêm:Bài 13 Sử dụng ng-repeat trong Angularjs như thế nào?

Xem demo

Có thể bạn quan tâm

  • Bài 2 ví dụ cơ bản về javascript
  • Swiper slider pagination dynamic
  • Lừa đảo chuyển tiền qua facebook

Follow me on Youtube

Mời DANDEV cà phê

Danh mục

Angularjs
dandev Nơi chia sẻ những kiến thức hay về lập trình

Xem nhiều nhất

  • Làm thế nào để format code trong Visual Studio Code (VSCode)
  • Thiết lập chạy website PHP trên IIS
  • Nguyên nhân bị hack nick facebook và cách phòng tránh
  • Dùng Photoshop thiết kế Icon [.ico] (ICO Plugin)

© 2025 DANDEV.NET All rights reserved

Goi ngay Gọi ngay 0989835401 Facebook chat Facebook Chat Zalo Chat Zalo Chat Lien he Liên hệ Goi ngay Gọi ngay Facebook chat Facebook Chat Zalo Chat Zalo Chat Lien he Liên hệ

Từ khóa » Cách Sử Dụng Ng-show