propriedades int de ligação de entrada de dardo de polímero

Question

Apr 26, 2014, 08:07 PM

propriedades int de ligação de entrada de dardo de polímero

Qual é a maneira correta de vincular um campo de entrada a uma propriedade int em um objeto (por exemplo, a caixa de entrada altera e atualiza a propriedade int de um objeto, fazendo com que outro elemento que está vinculando à mesma propriedade seja atualizado)

O código de exemplo está abaixo; Posso estar pensando no caminho errado, mas preciso de alguns esclarecimentos.

<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
    <link rel="import" href="components/calc.html">
    <script type="application/dart">export 'package:polymer/init.dart';</script>
    <script src="packages/browser/dart.js"></script>
</head>
<body>
  <my-calc></my-calc>
</body>
</html>

<!-- calc.html -->
<polymer-element name="my-calc">
  <template>
    <label>Price</label>
    <input value='{{ price }}'>

    <label>Qty</label>
    <input value='{{ qty }}'>

    <label>Total</label>
    <input value='{{ price * qty }}'>

  </template>
  <script type="application/dart" src="calc.dart"></script>
</polymer-element>

.

// calc.dart 
import 'package:polymer/polymer.dart';

@CustomTag('my-calc')
class CalcElement extends PolymerElement {
  @observable int price = 0;
  @observable int qty = 0;

  CalcElement.created() : super.created();
}