การจัดการ HTML DOM ด้วย AngularJS

บทก่อนหน้านั้นได้กล่าวถึง directives ต่างๆไปบ้างแล้ว ในบทความนี้จะพูดถึงการการใช้ directives ดังต่อไปนนี้เพื่อควบคุมการแสดงผลและการตอบสนองของ HTML Elements ต่างๆ

• ng-disabled : กำหนดให้เป็น disable.
• ng-show : กำหนดให้แสดง.
• ng-hide : ใช้สำหรับซ่อน.
• ng-click : การผูก click event.

รูปแบบการใช้งาน

// ng-disabled
Disable Button


// ng-show 
Show Button


// ng-hide 
Hide Button


// ng-click
Total click: {{ clickCounter }}

ตัวอย่าง

AngularJS Sample Application

   

      

         

            
Disable Button
            

         
         

            
Show Button
            

         
         

            
Hide Button
            

         
         

            
Total click: {{ clickCounter }}
            

         
      
   

ผลลัพธ์

About Nop

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.