聚合物铁型不工作

Question

我的 html 中有以下标记：

<form is="iron-form" login-form>
    <paper-input label="Email" type="email" name="email"></paper-input>
    <paper-input label="Password" type="password" name="password"></paper-input>
    <paper-button class="self-end btn-primary" raised login-btn>Login</paper-button>
</form>

在 chrome 中，表单永远不会升级为铁表单，但在 Firefox 中可以正常工作。但是，我可以使用：document.createElement('form', 'iron-form'); 来创建正确升级的铁型。 这真让我抓狂。有任何想法吗？谢谢

Answer 1

我不确定为什么iron-input 的工作方式会有所不同。当您在模板中创建 Iron-input 时，您确定它可以完美地作为 Polymer 元素工作吗？ （例如，它有没有像debounce 这样的实用函数？）我问是因为它看起来像标准输入。

查看 Meteor 代码，看起来 any 类型扩展元素不应该工作。据我所知，所有标签的创建似乎都在这里完成：

https://github.com/meteor/meteor/blob/832e6fe44f3635cae060415d6150c0105f2bf0f6/packages/blaze/materializer.js#L99

为了处理类型扩展自定义元素，我认为这需要另一个分支来执行以下操作：

} else if (tag.attrs && ('is' in tag.attrs)) {
  // type-extension custom element
  elem = document.createElement(tagName, tag.attrs[is]);     
} else {
  // normal elements
  elem = document.createElement(tagName);
}

两个参数createElement 仅在您支持本机自定义元素或安装了 polyfill 时才有效，因此 Meteor 可能希望以另一种方式处理。