docs(examples): Add a paper-input example

jbdeboer · rkirov · commit ecf73cc9ff03 · 2014-10-08T11:50:10.000-07:00
diff --git a/example/web/index.html b/example/web/index.html
@@ -10,6 +10,7 @@
       <li><a href="form.html">form.html</a></li>
       <li><a href="maps.html">maps.html</a></li>
       <li><a href="paper_radio_group.html">paper_radio_group.html</a></li>
+      <li><a href="paper_input.html">paper_input.html</a></li>
     </ul>
   </body>
 </html>
diff --git a/example/web/paper_input.dart b/example/web/paper_input.dart
@@ -0,0 +1,18 @@
+import 'package:angular/angular.dart';
+import 'package:angular/application_factory.dart';
+
+import 'dart:html';
+
+@Decorator(
+  selector: 'paper-input',
+  updateBoundElementPropertiesOnEvents: const ['change', 'input']
+)
+class PaperInputBindings {}
+
+
+main() {
+  applicationFactory()
+      .addModule(new Module()
+      	..bind(PaperInputBindings))
+      .run();
+}
diff --git a/example/web/paper_input.html b/example/web/paper_input.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Paper input example</title>
+    <!-- 0. bower install; pub serve -->
+    <!-- 1. Load platform.js for polyfill support. -->
+    <script src="bower_components/platform/platform.js"></script>
+
+    <!-- 2. Use an HTML Import to bring in the element. -->
+    <link rel="import"
+          href="bower_components/paper-input/paper-input.html">
+</head>
+<body>
+<paper-input bind-value="curValue" bind-input-value="curInputValue"></paper-input>
+<ul>
+	<l1>value: {{curValue}}</li>
+	<l1>inputValue: {{curInputValue}}</li>
+</ul>
+<script type="application/dart" src="paper_input.dart"></script>
+<script src="packages/browser/dart.js"></script>
+</body>
+</html>
