Question

我正在使用Polymer登录表单。为此，我使用这个：

    <dom-module id="my-form">
                        <template> 
                            <paper-card heading="Login">
                                <form id="form" name="form" method="POST" action="includes/process_login.php">
                                    <div class="card-content">
                                        <div class="loginerror" id="loginerror">
                                            <p><font color="red">Diese Benutzer/Passwort kombination <br> ist uns unbekannt.</font></p>
                                        </div>
                                        <paper-input label="Login" id="email" name="email" size="25" value=""></paper-input>
                                        <paper-input label="Password" type="password" id="password" name="password" size="25" value=""></paper-input>
                                    </div>
                                    <div class="card-actions">
                                        <paper-button raised value="Login" type="submit" on-click="submitForm">Login</paper-button>
                                    </div>
                                </form>
                            </paper-card>

                        </template>
                        <script type="text/javascript">
                            Polymer({
                                is: "my-form",
                                submitForm: function () {
                                    formhash(this.$.form, this.$.password);
                                    this.$.form.submit();
                                },
                                ready: function () {
                                    this.$.form.addEventListener('iron-form-response', this.formResponse);
                                    this.$.form.addEventListener('iron-form-error', this.formError);
                                },
                                formResponse: function (e) {
                                    console.log("Server Response: ", e.detail);
                                },
                                formError: function (e) {
                                    console.log("Form Error: ", e.detail);
                                },
                                listeners: {
                                    'iron-form-response': 'formResponse'
                                }
                            });
                        </script>
                    </dom-module>
<my-form></my-form>

但现在我遇到的问题是登录表单仅适用于桌面上的Google Chrome。不在谷歌Chrome应用程序或任何其他浏览器中。而且我不知道为什么。在Google Chrome中，它看起来像这样：

在任何其他类似的浏览器中：

但我怎么能改变这一点。这是一个Bug吗？

尼尔斯

Answer 1

我找到了答案：您需要将其添加到您的代码中：

    HTMLImports.whenReady(function () {
                Polymer({
                    is: 'my-form'
                });
    });

DOM Modul仅在Google Chrome中加载

1 个答案: