Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying DART Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
DART Essentials

DART Essentials

By : Sikora
4.8 (4)
close
close
DART Essentials

DART Essentials

4.8 (4)
By: Sikora

Overview of this book

This book is targeted at expert programmers in JavaScript who want to learn Dart quickly. Some previous experience with OOP programming in other languages and a good knowledge of JavaScript are assumed.
Table of Contents (11 chapters)
close
close
10
Index

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 automatically.

The <shelf> element has one custom attribute called books-count, and we'll also use cssUrl to set a custom CSS file for this Shadow DOM:

// lib/component...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY