ExpressionsĮxpressions are used to access JavaScript objects from within the html code. We’ll also look at some other directives in other sections. The ng-view directive will tell AngularJS which “page” is being displayed and insert the correct view.ĪngularJS also provides the ng-init directive to initialize some page data, however, I did not use this in my application. The ng-repeat directive allows you to easily loop over some AngularJS data. The ng-model directive will allow you to bind input from HTML input elements to AngularJS data. This will allow you to manipulate everything inside those tags as an AngularJS application. The ng-app directive defines the root of the application. DirectivesĪngularJS uses directives as keywords in the html to change the view in different ways. Your application should pop up into a browser or you can get to it by going to Now I’ll show you some of the major concepts using a sample application that I have been creating for CirrusLabs. Run the following command to start your application server using Grunt. Once your command prompt comes back your sample AngularJS application is done building. Your AngularJS application framework will start building in your system. Then hit enter again to include the selected modules. Enter Y (or just hit enter) for including bootstrap. We won’t be using these as part of this application. Now run this command to create the structure for our angular app:Įnter N when asked to use Gulp and Sass. $> npm install -g grunt-cli bower yo generator-karma generator-angularĬreate a new directory for your app and navigate to it. Note: you may need to run this command as root. Load up a terminal and run this command to install the Yeoman generator, Grunt, Bower, and Karma.

We’ll be using the Yeoman generator for AngularJS ( ). Let’s start by getting an application set up. Have you ever thought about learning AngularJS but didn’t know where to start? Today I’m going to show you how to quickly spin up an AngularJS 1.6.x application using a couple of different tools and then touch on the important AngularJS concepts to get you started.

Npm install angularjs