Custom Polymer element extending AElement in Dart

问题:

I'd like to create custom Polymer element 'ab-btn' which extends 'a' element. It should be used as:

Google

my html declaration of polymer element looks like (script is listed at the end, because I want to declare more elements in one file):

and dart script for the element is like:

import 'package:polymer/polymer.dart'; import 'dart:svg';  @CustomTag('ab-btn') class AbBtn extends AElement {   AbBtn.created() : super.created();    var inputMethodContext; } 

When I try to use this element I always get error:

#13     _ZoneDelegate.run (dart:async/zone.dart:417) #14     _CustomizedZone.run (dart:async/zone.dart:627) #15     initPolymer (package:polymer/src/loader.dart:37:33) #16     main (package:polymer/init.dart:23:22)   Exception: InvalidCharacterError: Internal Dartium Exception   undefined (undefined:0:0) 

What is the proper way of extending 'a' elements?

回答1:

You should add with Polymer, Observable

@CustomTag('ab-btn') class AbBtn extends AElement with Polymer, Observable {   AbBtn.created() : super.created() {     super.polymerCreated(); // 

When you use the element

Google 

or create the element by code:

var elm = new Element.tag('a', 'ab-btn'); 

文章来源: Custom Polymer element extending AElement in Dart