The ngClass directive gives you the ability to conditionally change CSS classes via an expression in the html. Example Example that demonstrates dynamically set CSS classes on an DIV HTML element.
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.
The following example shows how to draw a table element using the AngularJS 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 … 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 – … 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.
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.
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.
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:
I need to restrict certain number of input field to takes only numbers values. Basically my form is not a submit form so that i can not put the simple validation on the form submission. I want the user to be unable to enter the any other characters than numeric values.