Simple Addition of Two value programe in AngularJS

Simple Addition of Two value programe in AngularJS

  • Step 1:- Create Dynamic Web Project using Eclipse

    Step 2:- – Create a web dynamic Project and convert the same to AngulrJS using belwo option

    Right Click Project –> Configure –> Convert to AngularJS Project

    Step 3:- Create a simple html file

    WebContent folder ->New ->HTML –> AddValue.html

    < !

  • –input ng-model=”firstNumber”>

    Second Number: < !

  • –input ng-model=”secondNumber”>

    < !

  • –/html>

    Step 4:- Create a lib folder inside webcontent folder and put angular.min.js inside it.

  • You can download the same from

    Step 5:- Create a new Js file inside js folder called adddemo.js

    $scope.answer = parseInt($scope.firstNumber) + //Now you can set a debugger here and check the data

    }

    });

    Step 6:- Execute the above project in Tomcat and see the result

Step 1:- Create Dynamic Web Project using Eclipse Step 2:- – Create a web dynamic Project and convert the same to AngulrJS using belwo option Right Click Project –> Configure –> Convert to AngularJS Project Step 3:- Create a simple html file WebContent folder ->New ->HTML –> AddValue.html

Introducing Learn AngularJS

  • AngularJS is a JavaScript web framework aimed to make single-page web apps simple to build and easy to maintain.
  • It’s a popular framework for building web apps, and is used by many companies such as Google, Apple, Udacity, and HBO.
  • By the end, you’ll be able to use AngularJS to create custom web apps of your own.
  • Learning a JavaScript web framework such as AngularJS is the next step when getting familiar with building web apps of your own.
  • Pair your learning with our jQuery course for a well-rounded approach to creating modern web apps with JavaScript.

Codecademy is the easiest way to learn how to code. It’s interactive, fun, and you can do it with your friends.
Continue reading “Introducing Learn AngularJS”

Step by Step: Improving Startup Performance with Lazy Loading in Angular

Angular applications can lazily load modules to improve startup performance. Using an example, this session shows how you can optimize your solution with this approach. You will also learn about potential pitfalls as well as about asynchronously preloading modules with build-in strategies and your own strategies to speed up lazy loading.
Continue reading “Step by Step: Improving Startup Performance with Lazy Loading in Angular”

Learn How to Backup and Data Restore features in MongoDB

Learn How to Backup and Data Restore features in MongoDB  #javascript #coding #AngularJS

  • Data Backup feature in MongoDB

    In MongoDB, it is quite simple to take a data backup and it gets triggered just by firing a mongodump command on the command line.

  • When this command is executed, the system will dump the entire data present on the server into the dump directory of MongoDB.
  • Data Restore feature in MongoDB

    In MongoDB, it is quite simple to restore data and it gets triggered just by firing a mongorestore command on the command line.

  • Step 2: – Next, we will restore the ‘application_db’ database from the backup or dump by executing ‘mongorestore’ command as shown below.
  • Here, we have to open a new command prompt window and navigate to the bin directory (here C:\Program Files\MongoDB\Server\3.2\bin) of the MongoDB.

In this blog, we will be learning about the data backup and data restore features of the MongoDB with the help of suitable examples.
Continue reading “Learn How to Backup and Data Restore features in MongoDB”

angularjs-slider-zsk

  • minLimit – Number (defaults to null): The minimum value authorized on the slider.
  • showSelectionBarEnd – Boolean (defaults to false): Set to true to always show the selection bar after the slider – Number (defaults to null): Set a number to draw the selection bar between this value and the slider handle.
  • showTicks – Boolean or Number (defaults to false): Set to true to display a tick for each step of the slider.
  • showTicksValues – Boolean or Number (defaults to false): Set to true to display a tick and the step value for each step of the slider.
  • enforceStep – Boolean (defaults to true): Set to true to force the value to be rounded to the step, even when modified from the outside… When set to false, if the model values are modified from outside the slider, they are not rounded and can be between two steps.

AngularJS slider directive with no external dependencies. Mobile friendly!.
Continue reading “angularjs-slider-zsk”

Step by Step: Improving Startup Performance with Lazy Loading in Angular

Angular applications can lazily load modules to improve startup performance. Using an example, this session shows how you can optimize your solution with this approach. You will also learn about potential pitfalls as well as about asynchronously preloading modules with build-in strategies and your own strategies to speed up lazy loading.
Continue reading “Step by Step: Improving Startup Performance with Lazy Loading in Angular”

Getting Started with Angular 2+ ― Scotch School

  • Let’s explore all the changes coming in Angular 2.
  • If you come from the world of Angular 1, you may have heard that Angular 2 is a complete code change.
  • Angular 2 is a huge change from Angular 1 code.
  • In this course, we’ll take a look at how we can get started with Angular 2 and see all the cool new features Angular 2 provides.
  • What we’ll learn
    Why Angular 2 is such a big break from Angular 1
    What new features Angular 2 has
    How to setup Angular 2
    How to use TypeScript to transpile ES6 code
    How to use System.js to load ES6 imports
    How to create components in Angular 2
    How to let components talk to each other
    How to use forms in Angular 2
    How to create form validations
    See the future of Angular!

Angular 2 is a big break from Angular 1, all with good reasons. There is a lot to learn when making the jump to Angular 2 and ES6 (the next version of JS). Angular 2 brings a lot of forward-thinking ideas to the framework to build amazing apps.
Continue reading “Getting Started with Angular 2+ ― Scotch School”