Question

基本上我尝试将一个GoldCcCvcInput端口用于dart实现，而不是包装js实现。

看着这个： https://github.com/PolymerElements/gold-cc-cvc-input/blob/master/gold-cc-cvc-input.html 与https://github.com/dart-lang/polymer-dart/wiki/behaviors

一起使用

类似的东西：

 @PolymerRegister('nbdate-input')
 class NbdateInput extends PolymerElement with PaperInputBehavior,
 IronControlState, IronA11yKeysBehavior ...

最小的测试项目 https://github.com/jonboj/inputbehavior-dart.git

项目初始化时不会转储任何错误消息，并显示铁输入元素。但是当其中一个铁输入元素被放在焦点上时，下面的例外将被转储到控制台中：

Uncaught TypeError: Cannot read property 'focus' of undefined
  Polymer.PaperInputBehaviorImpl._onFocus   
  handler   
  Polymer.Base._addFeature.fire 
  Polymer.IronControlState._focusBlurHandler

这覆盖了方法onFocusedChanged https://github.com/PolymerElements/gold-cc-cvc-input/blob/master/gold-cc-cvc-input.html#L219

在dart中，会触发相应的Observer，并在异常转储后发生打印输出。

https://github.com/jonboj/inputbehavior-dart/blob/master/lib/nbdatebehavior_input.dart#L56

Answer 1

我会检查控制台是否有错误，mixin排序看起来不正确，它应该在消息中给你所需的顺序，这可能会解决你的问题（我希望这样的排序{{1 }}）。

此外，请确保在构造函数中调用IronA11yKeysBehavior, IronControlState, PaperInputBehavior。

Answer 2

对于我的情况，所需的功能由

提供

https://elements.polymer-project.org/elements/paper-input?active=paper-input-container

使用Dart跟随最后一个示例（社会安全号码）的结构 https://elements.polymer-project.org/elements/paper-input?view=demo:demo/index.html&active=paper-input

在dart中如何使用PaperInputBehavior扩展自定义PolymerElement？

2 个答案: