Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • DART Cookbook
  • Toc
  • feedback
DART Cookbook

DART Cookbook

By : Ivo Balbaert
4 (2)
close
DART Cookbook

DART Cookbook

4 (2)
By: Ivo Balbaert

Overview of this book

If you are a Dart developer looking to sharpen your skills, and get insight and tips on how to put that knowledge into practice, then this book is for you. You should also have a basic knowledge of HTML, and how web applications with browser clients and servers work, in order to build dynamic Dart applications.
Table of Contents (13 chapters)
close
12
Index

Binding to an input text field or a text area

In this recipe, we will show you how to bind an input value from a text field or text area to a variable; so in effect, we now perform data binding from the UI to the code, and we have two-way data binding. You can find the code in the project pol_text.

How to do it...

  1. The script starts with web\index.html, where a component with the name pol-text is imported through the following line:
    <link rel="import"href="pol_text.html">

    From this, we know that the component is defined in pol_text.html, and the code behind it is in a file named pol_text.dart. For a discussion of the other tags, see the first recipe.

  2. The code for pol-text is defined in pol_text.dart:
    import'package:polymer/polymer.dart';
    
    @CustomTag('pol-text')
    classPoltext extends PolymerElement {
      @observable String comps;
      
      Poltext.created() : super.created() {  }
    }
  3. The structure of the component is outlined in pol_text.html:
    <link rel=&quot...

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