Не удается сделать компьютерной DataBind

Question

я написал функцию (Polymer 1.2.0), чтобы вернуть заголовок аутентификации железодефицитной Аякса, но независимо от того, что я стараюсь, я получаю сообщение [dom-bind::_annotatedComputationEffect]: compute method makeheaders not defined

В дополнение к этому коду, я также попробовал «Полимер» ({is: 'dom-bind'} ... blah: fn() 'способ привязки fn.

Что я делаю неправильно? соответствующий номер кода:

<div id="futuretweets" style="height: 400px"> 


    <template is="dom-bind" id="big-temp"> 


     <script> 

      document.querySelector('template[is=dom-bind]').makeheaders = function() { 
       var obj = {}; 
       obj.Authorization = "Bearer " + localStorage.getItem('userToken'); 
       return obj; 
      }; 


     </script> 

     <iron-localstorage name="auth" value="{{localtoken}}"></iron-localstorage> 

     <iron-ajax url="api/twitter/v1/private/gettweets" last-response="{{data}}" auto 
        headers="{{makeheaders()}}" 
        handle-as="json"> 

     </iron-ajax> 
     <iron-list items="[[data.futuretweets]]" as="item"> 
      <template id="tweet-item"> 
       <form is="iron-form" id="tweetform" method="post" action="api/twitter/v1/private/updatetweet" 
         headers="{{makeheaders()}}" contentType="application/json"> 
        <div class="card layout horizontal center"> 
         <paper-textarea label="Tweet">[[item.text]]</paper-textarea> 
         <p>datetime: [[item.datetime]]</p> 
        </div> 
        <paper-button>Save</paper-button> 
       </form> 
      </template> 
     </iron-list> 
    </template> 


    <div id="tweeteditor"> 

    </div> 

</div> 

Answer 1

Переместить сценарий за пределами template элемент. Шаблоны статичны. Что происходит в вашем коде, так это то, что вы объявляете свойство dom-bind после его штамповки в DOM.