DOM(Document Object Model>
The logical structure of records and documents are accessed and controlled or manipulated utilizing DOM components. It characterizes events, methods, properties for all HTML components as objects. DOM in AngularJS is same as an API (programming point of interaction>
for javascript.angularjs transform dom node in a mobile friendly carousel by adding 'rn-carousel'.
We can get to the DOM in Angular utilizing different reference types like ElementRef , TemplateRef , ViewRef , ComponentRef and ViewContainerRef . These reference types can be questioned from layouts utilizing @ViewChild and @ContentChild . Program's local DOM component can be gotten to through ElementRef .
DOM Directives
Let's see an example
<!DOCTYPE html>
<html>
<head>
<title> AngularJS HTML DOM</title>
</head>
<body>
<h2> AngularJS Sample Application</h2>
<div ng-app = "">
<table border = "0">
<tr>
<td> < input type = "checkbox" ng-model = "enableDisableButton"> Disable Button</td>
<td> < button ng-disabled = "enableDisableButton"> Click Me!</button> </td>
</tr>
<tr>
<td> <input type = "checkbox" ng-model = "showHide1"> Show Button</td>
<td> <button ng-show = "showHide1">Click Me!</button> </td>
</tr>
<tr>
<td> < input type = "checkbox" ng-model = "showHide2"> Hide Button</td>
<td> < button ng-hide = "showHide2"> Click Me!</button> </td>
</tr>
<tr>
<td><p>Total click: {{ clickCounter }}</p></td>
<td> <button ng-click = "clickCounter = clickCounter + 1"> Click Me!</button> </td>
</tr>
</table>
</div>
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> </script>
</body>
</html>
Try it here Angularjs or reactAngularjs works on regular dom while react works on virtual dom.
Angularja vs nodejsAngularjs is javascript framework,whereas nodejs is cross-platform runtime environment.