O'Reilly logo

Dart Essentials by Martin Sikora

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

A book component in AngularDart

We already saw how to encapsulate a 3D book from Chapter 4, Developing a Mobile App with Dart, into a polymer.dart custom element. Now we'll do the same but in AngularDart now.

We can skip main.dart, because there's nothing new for us there, and see <body> in index.html:

<!-- web/index.html -->
<body>
  <p>angular: <input type="number" ng-model="elementsCount"></p>
  <shelf books-count="elementsCount"></shelf>

  <script type="application/dart" src="main.dart"></script>
</body>

Note that we're setting ng-model outside any component, so it'll be kept in the root scope, which is automatically set to <html>. Also, we're using <input type="number">, which tells AngularDart to convert the input from this field into an integer ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required