Question

我想输出我保存在我的属性中的值。

这是一个简单的demo-element.html。而且我想展示标题。

但{{title}}和{{this.title}}都不起作用。

<dom-module id="demo-element">
    <template>
        <style>
            :host {
                display: block;
            }
        </style>

        <h1>'title' in properties not showing</h1>
        <h2>{{this.title}}</h2>

    </template>
    <script>
        Polymer({
            is: 'demo-element',

            properties: {
                title: 'This is a regular Demo Title'
            }
        });
    </script>
</dom-module>

如何在屏幕上输出我的属性？

我正在搜索相当于 vue 的{{ $data | json }}

Plunker Link Again

Answer 1

数据绑定时隐含

this。所以这个

<h2>{{this.title}}</h2>

变成这个

<h2>{{title}}</h2>

Answer 2

一种可能的解决方案是将value属性分配给我的title属性，如下所示：

<dom-module id="demo-element">
<template>

    <h1>'title' in properties not showing</h1>
    <h2>{{this.title}}</h2>

</template>
<script>
    Polymer({
        is: 'demo-element',

        properties: {
            title: {
                 type: String,
                 value: 'This is a regular Demo Title'
            }
        }
    });
</script>

然后输出引用标题的值，而不是this，如下所示：

<h2>{{ Title }}</h2>

这是工作的Plunker：

Plunker Link

我仍然想知道是否有替代vue的{{ $data | json }}方法？

PolymerJS简单数据绑定。如何在屏幕上输出属性？

2 个答案: