2017-07-12 6 views
0

私はポリマーコンポーネントのフレームワークのmessagetextを、bowerコンポーネントhe.js.の助けを借りてデコードしようとしています。しかし、それは正しいとは思えない。ポリマーフレームワークのhe.decodeが機能しない

<script src="../bower_components/he/he.js"></script> 

    <dom-module id="mesages"> 
     <template>   

     <vaadin-grid items="[[messages]]"> 

     <vaadin-grid-column flex="0"> 
     <template class="header">Message</template> 
     <template>[[item.messagetext]]</template> 
     </vaadin-grid-column> 
    </vaadin-grid> 
    </template> 

     <script> 
     Polymer({ 
      is: 'mesages', 
      properties: { 

      uname: { 
       type: String, 
       value: "" 
      }, 

      messages: Object, 

      qParams: { 
       type: Object, 
       value: null, 
      }, 
      }, 

      lambda.invoke(params, function (err, data) { 
       if (err) { 
       this.showMessage('Error in getting messages ' + err); 
       console.log(err, err.stack); // an error occurred 
       } else { 
       try { 
        console.log("Successfully got the messages " + data); 
        var retObj = JSON.parse(data.Payload); 
        if ((retObj.error === undefined) && (retObj.errorMessage === undefined)) { 
        this.messages = retObj.item; 
        console.log(this.messages); 
        for(i=0;i<this.messages.length;i++){   

        this.messages[i].messagetext=he.decode(this.messages[i].messagetext); 


        console.log(this.messages[i].messagetext);      
        console.log(this.messages[i].messageid); 
        console.log(this.messages[i].userid); 

        } 
        } else { 
        this.showMessage("Error in getting the messages " + retObj.error); 
        return; 
        } 
       } catch (e) { 
        console.log("Error in getting the messages " + e); 
       } 
       } 
       this.fire('iron-signal', { 
       name: 'pg-load-indicator-record', 
       data: { 
        "event": "Messages" 
       } 
       }); 
      }.bind(this)); 
      }, 

     }) 
     </script> 

    </dom-module> 

はまだエンコードされた出力は、画面上に下記の代わりの1をデコード行き方:

&#x3C;p&#x3E;simple test on message display 

私は何かが足りないのですか?

答えて

0

jsファイルを直接インポートすることはできません。あなたがしなければならないことは

//hejs-import.html 
<script src="../bower_components/he/he.js"></script> 

を含む別のHTMLファイルを作成し、それから、私はit.Theを整流している

//messages.html 
<link rel="import" href="hejs-import.html"> 
+0

コンポーネントでフィットネスエクササイズのjsファイルを作るあなたのコンポーネントでそのHTMLをインポートすることです問題はJavaScriptを実行する前にデコードされたテキストを表示しようとしていたことです。 –

関連する問題