7. Less with External Applications and Frameworks | Less Web Development Essentials (Second Edition)

AngularJS and Less

AngularJS is a structural framework for dynamic web apps. It extends the HTML syntax, and this enables you to create dynamic web views. Of course, you can use AngularJS with Less. You can read more about AngularJS at https://angularjs.org/.

The HTML code shown here will give you an example of what repeating the HTML elements with AngularJS will look like:

<!doctype html>
<html ng-app>
  <head>
    <title>My Angular App</title>
  </head>
  <body ng-app>

    <ul>
      <li ng-repeat="item in [1,2,3]">{{ item }}</li>
    </ul>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js"></script>
  </body>
</html>

The preceding HTML code can also be found in the angular.html file from the downloads section of this chapter. This code should make your page look like the following screenshot:

Repeating the HTML elements with AngularJS

The ngBoilerplate system

The ngBoilerplate...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Less Web Development Essentials (Second Edition)

By : Jobsen

Less Web Development Essentials (Second Edition)

By: Jobsen

Overview of this book

AngularJS and Less

The ngBoilerplate system

Less Web Development Essentials (Second Edition)

By : Jobsen

Less Web Development Essentials (Second Edition)

By: Jobsen

Overview of this book

AngularJS and Less

The ngBoilerplate system

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access