Editing AngularJS Basics (section)

== Using Angular ==

Templates are located in app folders, e.g. if the app is `myapp/`, the template can be `myapp/index.html`.

Define "root scope" with the `ng-app` attribute, e.g.

<syntaxhighlight lang="html5">
<html lang="en" ng-app="myappApp" class="ng-scope">
</syntaxhighlight>

Define a controller's scope with `ng-controller`, e.g.

<syntaxhighlight lang="html5">
<body ng-controller="MyListCtrl" class="ng-scope">
</syntaxhighlight>

Object properties are inserted into a template with double curly braces, e.g. `{{ myobj.name }}`

Controller logic is located in `myapp/js/controllers.js`. Fore the examples above the controller logic might look like this:

<syntaxhighlight lang="javascript">
var myappApp = angular.module('myappApp', []);

myappApp.controller('MyListCtrl', function($scope) {
    /* retrieve data here */
});
</syntaxhighlight>