用于相对资源路径的聚合物resolvePath

时间:2015-05-15 12:01:52

标签: polymer

我尝试在我的硫化 Polymer-App 中解决资源加载错误。我已经阅读了有关方法resolvePath的文档,但这似乎无法解决问题。这是我的项目结构:

test
├── assets
│   └── avatar.png
├── components
│   └── custom-elem-with-relative-path-to-avatar.html
└── index.html

定制ELEM-与相对路径到avatar.html

<polymer-element name="aw-account” layout vertical>
…
    <img src="{{avatarImage}}" id="profileAvatar" alt="Image for Profile”>
…
</template>
<script>
    Polymer('aw-account', {
        ready: function () {
            this.avatarImage = this.resolvePath('../assets/avatar.png');
            …
</script>
</polymer-element>

由于../图像src比正确的文件夹高一层!

如何使用方法resolvePath在我的硫化应用中正确加载资源 avatar.png

1 个答案:

答案 0 :(得分:1)

你应该使用

this.resolvePath('./assets/avatar.png')

在Polymer 0.5或

this.resolveUrl('./assets/avatar.png')

在Polymer 1.0中