动态创建元素

Question

接受这段代码

<app-localstorage-document key="search" data="{{plAppLoader}}"> </app-localstorage-document>

data属性在更改时始终会更新，并保存到本地存储中，然后在控制台中查看对象的字符串表示形式，其中包含键和值，基本上是整个结构。

动态导入和创建

var ALD = document.createElement('app-localstorage-document');
Polymer.dom(ALD).setAttribute('key', 'plAppLoader');
Polymer.dom(ALD).setAttribute('data', this.plAppLoader);
Polymer.dom(this.$.contentWrapper).appendChild(ALD);

它会根据更改进行更新，但查看控制台，它会显示

“ [对象对象]”

这让我感到奇怪，它是否像第一个选项一样被保存，即，即使它在控制台日志中显示“ [object Object]”，我仍然可以从本地存储中检索原始数据作为对象。

Answer 1

您正在将对象转换为字符串。 取而代之的+ ，使用,在控制台中。

console.log(this.is, ': app-localstorage-document element has been created!');