In this recipe, we will show you how to bind an input value from a checkbox to a variable; so in effect, we now perform data binding from the UI to the code and have two-way data binding. You can find the code in the project pol_check
.
The script starts with
web\index.html
, where a component with the namepol-check
is imported through the following line:<link rel="import"href="pol_check.html">
From this, we know that the component is defined in
pol_check.html
, and the code behind it is in a file namedpol_check.dart
. For a discussion of the other tags, refer to the first recipe.The code for
pol-check
is defined inpol_check.dart
:import'package:polymer/polymer.dart'; @CustomTag('pol-check') classPolcheck extends PolymerElement { @observable bool receive = false; Polcheck.created() : super.created(); }
The structure of the component is outlined in
pol_check.html
:<link rel="import"href="packages/polymer/polymer.html"> <polymer-element...