Skip to main content

Posts

Showing posts from October, 2015

Create and execute Angular Project using Yeoman. Grunt, Bower

Today we shall see on how to create and fasten the development of angular js using available Angular tools. Here we discuss more on tools like yo, grunt and bower. Yo  handles the scaffolding of the application. creates the structure of the application. Grunt  Concentrates on the build process. grunt helps in automating the tasks. the less work you have to do when performing the repetetive tasks like minification, uglyfing, watching files. Bower  mainly used in managing the application dependencies. Bower works by fetching and installing packages all over and saves the dependencies you are looking for.. By using these tools the user can concentrate more on feature development. So using these tools creates the development structure, runs the code in localhost, reloading the page when code changes. There are thousands of grunt plugins available which can make our tasks simple. Same for the bower which make development simple by adding the required dependencies and k...

Debounce in AngularJs with Examples

What is Debounce In generally debounce is nothing but to wait for sometime and do this action. With debounce, you can add a delay for updating the ngModel value.  Eg: if a user wants to update the model value after 2 sec (or) update the model value after some action then by just adding this debounce will do the job. ng-model and ng-model-options To use this debounce we need to know about ng-model and ng-model-options, so let us just briefly know about it. Data binding is one of the best feature of Angular Js. ng-model is the best option is to bind the data to the view. ng-model directive provides a two-way data-binding mechanism that makes the connection between your View-Model and various User Interface (UI) controls. So, ng-model knows how to bind your View-Model to something like an input[type=text]; and, conversely, it knows how to update the Input value when your View-Model changes. To have a good control on how the angular updates and manipulates the data AngularJs...