9951 explained code solutions for 126 technologies

angularjsHow do I use an AngularJS template?

An AngularJS template is an HTML page that contains AngularJS-specific elements and attributes. To use an AngularJS template, you'll need to include the AngularJS library in the <head> of the HTML page.

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

Once the AngularJS library is included, you can start adding AngularJS-specific elements and attributes to the HTML page. For example, you can add the ng-app attribute to the <html> tag, which will tell AngularJS to load the application when the page is loaded.

<html ng-app="myApp">

You can also add the ng-controller attribute to an HTML element, which will tell AngularJS to load the controller associated with the HTML element.

<div ng-controller="MyController">

Finally, you can add the {{ }} syntax to your HTML page, which will tell AngularJS to evaluate the expression inside the {{ }} syntax and display the result.

  The result is {{ 1 + 1 }}

Output example

The result is 2

You can find more information about using AngularJS templates in the AngularJS Documentation.

Edit this code on GitHub