The ng-style Directive in AngularJS helps you to set the CSS style of an HTML element conditionally. If the condition evaluates to True, the style will be applied. The expression inside the ng-style directive must be an object. This is supported by all the HTML elements.Syntax..content..Example − ngStyle DirectiveCreate a file "ngStyle.html" in your Angular project directory and copy-paste the following code snippet.           ngStyle Directive                span {             color: black;          }       ... Read More

The ngHref Directive in AngularJS solves the problem of replacing the markup when the link is broken which thus leads the system to return a 404 error. Instead of using markup like {{hash}} in an href attribute which will change or replace the markup value, we should use the ngHref directive since that link can be broken and thus leads to return a System Error.Syntax..content..Example − ngHref DirectiveCreate a file "ngHref.html" in your Angular project directory and copy-paste the following code snippet.           ngHref Directive                 ... Read More

The ngSelected Directive in AngularJS sets the selected attribute element on the element to True. We can also write an expression inside the ngSelected with the only condition that it should evaluate to True.This special directive is necessary since interpolation cannot be used inside the selected attribute.Syntax..content..Example − ngSelected DirectiveCreate a file "ngSelected.html" in your Angular project directory and copy-paste the following code snippet.           ngSelected Directive                                    Welcome to Tutorials Point     ... Read More

The ngSwitch directive in AngularJS conditionally swaps the DOM structure on the template based upon the scope expression. This directive can be used for showing or hiding elements based upon the switch cases.The HTML elements will be displayed only if the expression inside the ngSwitch directive evaluates to True, else it will remain hidden. This directive is supported by all the HTML elements.Syntax Contents... Contents... Contents... Example − ngSwitch DirectiveCreate a file "ngSwitch.html" in your Angular project directory and copy-paste the following code snippet. ... Read More

The isObject() method in AngularJS basically checks if a reference is an Object or not. This method will return True if the reference passed inside the function is an Object, else it will return False.Note − NULL values are not considered as an Object, but JavaScript arrays are objects.Syntaxangular.isObject(value)Example − Check if the reference is an Object or notCreate a file "isObject.html" in your Angular project directory and copy-paste the following code snippet.           angular.isObject()                               ... Read More

The isString() method in AngularJS basically checks if a reference is a string value or not. This method will return True if the reference passed inside the function is a string, else it will return False.Syntaxangular.isString(value)Example − Check if the reference is a String or notCreate a file "isString.html" in your Angular project directory and copy-paste the following code snippet.           angular.isString()                                    Welcome to Tutorials Point             ... Read More

The ng-change directive in AngularJS evaluates a given expression whenever the user changes the input. On every change, the ngChange directive is fired and the expression is evaluated immediately. The JavaScript onChange event only triggers at the end of a change (when the user leaves the form element or presses the key).Note − This directive also requires ngModel to be present.Syntax..Content..Example − ngChange DirectiveCreate a file "ngChange.html" in your Angular project directory and copy-paste the following code snippet.           ngChange Directive                   ... Read More

The ng-keydown directive in AngularJS basically specifies a custom event on pressing the key. We can perform multiple functions whenever the keydown event is called. This event also supports different types of elements like , and .Syntax..content..Example − ngKeydown DirectiveCreate a file "ngKeydown.html" in your Angular project directory and copy-paste the following code snippet.           ngKeydown Directive                            .keyDown {             background-color: blue;             color: white; ... Read More

The ng-blur Directive in AngularJS is fired when an element loses focus from that element. The blur event is executed synchronously along with the DOM manipulations (like removing from the focus point).AngularJS also executes the expression using scope.$evalAsync if the event is fired during an $apply to ensure the consistent application state.Syntax..Content..Example 1 − ng-blur DirectiveCreate a file "ngBlur.html" in your Angular project directory and copy-paste the following code snippet.           ngBlur Directive                              Welcome to Tutorials Point ... Read More

Sometimes we may need to represent a name or a string in capital letters. To convert a string into uppercase in AngularJS, we can use the uppercase filter to change its case to uppercase.SyntaxIn HTML Template Binding{{uppercase_expression | uppercase}}In JavaScript$filter('uppercase')()Example − Conversion to Upper CaseCreate a file "uppercase.html" in your Angular project directory and copy-paste the following code snippet.    uppercase Filter               Welcome to Tutorials Point               AngularJS | UpperCase Filter                 ... Read More