Can't import element on a autobinding page #438
Description
Originally opened as dart-lang/sdk#20900
This issue was originally filed by [email protected]
What steps will reproduce the problem?
1.Create autobinding page such as :http://goo.gl/VAQg1k
2.Try to import an element, for example paper input
I am expecting to be able to use imported polymer-element in a page containing an auto-binding-dart template...
But once i put an import, the auto-binding-dart template i no longer displayed (except for the polymer.html import??)...
Using Dart 1.6.0, polymer 0.13.1, polymer_expressions 0.12.0+1
ElementaryOs Luna (=ubuntu 12.04)
Dartium 37.0.2062.76 (289648) (64-bit) & Chrome 37.0.2062.94 (64-bit)
Here is the code:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample app</title>
<script src="packages/web_components/platform.js"></script>
<script src="packages/web_components/dart_support.js"></script>
<link rel="import" href="packages/polymer/polymer.html">
<link rel="import" href="packages/paper_elements/paper_input.html"><!-- this line mess up the autobinding template-->
<script src="packages/browser/dart.js"></script>
</head>
<body>
<template is="auto-binding-dart">
<div>Say something: <input value="{{value}}"></div>
<div>You said: {{value}}</div>
<button on-tap="{{buttonTap}}">Tap me!</button>
</template>
<script type="application/dart">
import 'dart:html';
import 'package:polymer/polymer.dart';
import 'package:template_binding/template_binding.dart';
main() {
initPolymer().run(() {
Polymer.onReady.then((_) {
var template = document.querySelector('template');
templateBind(template).model = new MyModel();
});
});
}
class MyModel extends Observable {
@observable String value = 'something';
buttonTap() => print('tap!');
}
</script>
</body>
</html>