铁阿贾克斯不工作

Question

我正在尝试让 Iron-ajax 工作，但到目前为止还没有成功。 我已将组件添加到我的 bower.json，运行 bower install，将其导入我希望它使用的 html 文件中，并尝试将其添加到模板中。

通常我的 IDE 会自动完成所有 Polymer 标记，但这个不起作用。当我打开页面时，出现以下错误：未捕获的 ReferenceError: Invalid left-hand side in assignment 这指向“this.$.add-contact.contentType = "application/json";"线，见下文。

我想知道元素是否正确导入，或者我是否遗漏了一些明显的东西。

这是我的代码：

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-input/paper-input.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
<dom-module id="contact-form">
    <template>
        <style>
        </style>
        <h1>My New Contact</h1>
        <paper-input label="Name" value="{{name}}"></paper-input>
        <paper-input label="Phone Number:" value="{{telnr}}"></paper-input>
        <paper-button on-tap="addContact">Add Contact</paper-button>
        <iron-ajax id="add-contact"
                   method="POST"
                   url="/cgi-bin/add-contact.py"
                   handle-as="json"
                   on-response="addContact_ResponseHandler">>

        </iron-ajax>
    </template>
    <script>
        Polymer({
            is: "contact-form",

            addContact: function () {
                this.$.add-contact.contentType = "application/json";

                this.$.add-contact.body = {naam: this.name, telnr: this.telnr};

                this.$.add-contact.generateRequest();

                console.log("Contact: " + this.name+ ", " + this.telnr);
            }

            addContact_ResponseHandler:
                function(request_confirm) {
                    console.log("Response: " + request_confirm);
                }
        });
    </script>
</dom-module>

Answer 1

this.$.add-contact实际上等价于this.$.add - contact（从ID为add的元素中减去一个名为contact的符号（两者都不存在）。

要强制访问<iron-ajax id="add-contact">，请使用this.$['add-contact']。