The ngClass directive gives you the ability to conditionally change CSS classes via an expression in the html.
Example that demonstrates dynamically set CSS classes on an DIV HTML element. Continue reading “How to apply class conditionally using ng-class in AngularJs”
You know that you can apply the iteration on any html template using the ngRepeat over the collection. Let’s suppose that you have the collection of the city and countries name then you can generate the html template for each item in the collection. Continue reading “AngularJS: Using if condition in ngRepeat directive”
The following example shows how to draw a table element using the AngularJS ngRepeat. Continue reading “AngularJS: Example – Create table html element using ngRepeat”
In the previous post ‘starting with controller‘ we learnt how to create and use the controller and ng-repeat directive in the AngularJS template. In the post we will learn the filtering and order by functionality within the repeaters(using ng-repeat). In the below example user enter the search keyword(s) in the input element and see the immediately city list based on the search criteria. Continue reading “AngularJS: How to filtering and order by in the Repeaters”
In the previous post AngularJS Example 2 – Create and display the maths times tables using ng-repeat we learnt to use the basics and ng-repeat directive to display the repeating html template. And now we introduce the controller in AngularJS application. Simply controller is the one of the part of the MVC(Model – View – Controller) technique for the web development. Continue reading “AngularJS: Starting with controller – display the maths times table”
In the previous post: AngularJS- What are the directives in AngularJS?, we have discussed several AngularJS directives. In the following example, you can learn the real use of the ng-repeat directive. The example draw the maths times tables for the number two to ten. Continue reading “AngularJS Example 2 – Create and display the maths times tables using ng-repeat”
In previous examples, my first html web page using AngularJS and example to add the two text fields, you have noticed that we were using some keywords like ng-App and ng-Model in the examples to enable the AngularJS features. These are called by built in AngularJS directives. Continue reading “AngularJS- What are the directives in AngularJS?”
After writing my previous AngularJS html web page, I am continue to learn the AngularJS. Today I have found a on line editor Plunker for creating, collaborating and sharing my web development programs and examples. Continue reading “AngularJS- Example- Add values of the two text fields and show the sum”
You can change the mouse pointer for the your web page or a specific html element.
Generally we use the cursor property in css that specifies the type of cursor to be displayed when pointing on an element. Such as: Continue reading “Create your own custom cursor (mouse pointer) for your web page.”