WordpressでのポリマーデータバインディングPage

Question

私は、ポリマープロジェクトの入力要素をサイドプロジェクトとして使用してフォームを作成しました。今私はWordpressのサイトにそれを統合しようとしています。

function mytheme_enqueue_polymer() { 
    wp_enqueue_script('webcomponentsjs', get_stylesheet_directory_uri() . '/bower_components/webcomponentsjs/webcomponents-loader.js'); 
} 
add_action('wp_head', 'mytheme_html_imports'); 
function mytheme_html_imports() { 
    ?> 
    <link rel="import" href="<?php echo get_stylesheet_directory_uri(); ?>/bower_components/polymer/polymer-element.html"> 

    <link rel="import" href="<?php echo get_stylesheet_directory_uri(); ?>/bower_components/iron-flex-layout/iron-flex-layout-classes.html"> 
    <link rel="import" href="<?php echo get_stylesheet_directory_uri(); ?>/bower_components/paper-card/paper-card.html"> 
    <link rel="import" href="<?php echo get_stylesheet_directory_uri(); ?>/bower_components/paper-button/paper-button.html"> 
    <link rel="import" href="<?php echo get_stylesheet_directory_uri(); ?>/bower_components/iron-form/iron-form.html"> 
    ... 
    <?php } ?> 

と私のフォームコード

を使用して

これまでのところ、私はのfunctions.phpにすべての私のbower_componentの依存関係をロードすることができました

<form is="iron-form" id="form6" method="get" action="http://httpbin.org/get"> 
    <paper-input name="fname" label="First Name" autocomplete="fname" value="{{fname}}"></paper-input> 
    <input type="hidden" name="fname" value={{fname}}> 
       ... 

紙入力要素が正しく表示されますが、データバインディングが正しく機能していません。私は値= {{}}属性をバインドしようとしていますが、ページは文字通り入力に{{value}}を表示しています。

Wordpressのページや投稿でデータバインドを行うには、何が必要ですか？

Answer 1

どのポリマーのバージョンを使用していますか？ 1ユー2？その2.0場合、コンポーネントコードがなければならない：

<iron-form id="form6" on-iron-form-response="_onFormResponse" on-iron-form-error="_onFormError"> 
 
    <form method="get" action="http://httpbin.org/get"> 
 
     <paper-input name="fname" label="First Name" autocomplete="fname" value="{{fname}}"></paper-input> 
 
     <input type="hidden" name="fname" value={{fname}}> 
 
     ... 
 
    </form> 
 
</iron-form>