Hi Guest 1 HomePage 1 Jobs 1 WalkIn 1Articles  

 :) Latest Topic
Numbers And Strings
Objects And Array
AngularJS VS JavaScript
Controllers in Files
Load the Library
AngularJS Directives
Repeating Directive
AngularJS Facts
Create Directives
Restrict Directive
Custom Filter
AngularJS Services
AngularJS Service 2
AngularJS Tables
Select Option
Select Option 2
AngularJS Forms
Form Validation
Validation CSS
Validation Example
AngularJS API
AngularJS $http
AngularJS Database
AngularJS HTML DOM
AngularJS Events
Custom Validation
AngularJS Tutorial
AngularJS Introduction
Angular init Directive
AngularJS Expressions 1
AngularJS Applications
AngularJS Expressions 2
Angular CSS Properties
AngularJS JSON
AngularJS Modules
Controller Basic
Add a Directive
Model Directive
Validate Inputs
CSS Classes
Data Binding
AngularJS Controller
AngularJS Scope
Root of Scope
AngularJS Filters
 


  

 
AngularJS HTML DOM
Question Posted on 21 Apr 2020

Home >> Tutorial >> AngularJS >> AngularJS HTML DOM


AngularJS HTML DOM
AngularJS has number of directives that are used to binding application data to attributes of HTML DOM elements. Below are the different directive which are used for binding application data.

The ng-disabled Directive


We use ng-disabled directive to binds AngularJS application data to disabled attributes of HTML elements. Below is the example which helps you understand ng-disabled directive:-


AngularJS ng-disabled
Below are the 3 point for above images
(1)As in above figure ng-disabled directive binds the application data myTestSwitch to the HTML button disabled attribute.
(2)And ng-model directive binds the value of HTML checkbox element to the value of myTestSwitch.
(3)If values of myTestSwitch evalutes to true the button will be disabled.

The ng-show Directive


We use this ng directive to either shows or hides an HTML elements. Below example will helps you to under that:-


AngularJS ng-show
In above image we will use ng-show to display some value by putting as "true" then it is visible if you put as "false" it will hide the values

The ng-hide Directive


As we use ng-show in similar way we will use ng-hide directive to hide some values


AngularJS ng-hide





Other Important Questions
Numbers And Strings
Objects And Array
AngularJS VS JavaScript
Controllers in Files
Load the Library







 
Top Searches:asp net questions vb net questions sql query uddl questions class javascript Questions sharepoint interview questions and concept silverlight questions and concept wcf questions beans general knowledge ajax questions
PHP | Biztalk | Testing | SAP | HR |