访问子模板中父模板的属性

时间:2016-06-23 13:33:01

标签: polymer polymer-1.0

我创建了一个具有嵌套模板的聚合物元素。我想访问子模板中父模板的属性。

<dom-module id="gallery-content">
<template>
    <template is="dom-bind">
        <iron-ajax url="/getData" last-response={{data}} auto></iron-ajax>
        <table id="table-stencils">
            <tr>
                <td>
                    <p>{{contentType}}</p>
                    <hr>
                </td>
            </tr>
            <tr>
                <td>
                    <image-block description={{data.description}}
                                 lastmodified={{data.lastModified}}
                                 imagepath="../../images/11.jpg"></image-block>
                </td>
                <td>
                    <image-block description={{data.description}}
                                 lastmodified={{data.lastModified}}
                                 imagepath="../../images/12.jpg"></image-block>
                </td>
                <td>
                    <image-block description={{data.description}}
                                 lastmodified={{data.lastModified}}
                                 imagepath="../../images/13.jpg"></image-block>
                </td>
                <td>
                    <image-block description={{data.description}}
                                 lastmodified={{data.lastModified}}
                                 imagepath="../../images/14.jpg"></image-block>
                </td>
            </tr>
        </table>
    </template>
</template>
<script>
    Polymer({
        is: "gallery-content",
        properties:{
            contentType: {
                type:String,
                value:"Others"
            }
        }
    });
</script>

我无法访问父元素的contentType属性。 我在这个gallery-content元素中使用了另一个polyment()。

1 个答案:

答案 0 :(得分:1)

以下是没有dom-bind的元素的正在运行plunkr。请注意我已将json用作getData服务,并使用image-block的临时元素