Iron ajaxが動作しない

Question

私はiron-ajaxを動作させようとしていますが、これまで成功していません。 コンポーネントをbower.jsonに追加し、bower installを実行し、htmlファイルにインポートして使用して、テンプレートに追加しようとしました。

通常、私のIDEはすべてのポリマータグを自動的に完成させますが、これはうまく動作しません。ページを開くと、次のエラーが表示されます。Uncaught ReferenceError： "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が存在してどちらもaddのIDを持つ要素からcontactという名前のシンボルのthis.$.add - contact（減算（）と実際に同等です。

<iron-ajax id="add-contact">にアクセスするには、this.$['add-contact']。