如何从模型数据中预先选择纸张下拉菜单中的纸张项目？

Question

我的项目中有iron-form要做CRUD。除了一个问题之外，这很有效。

如何让paper-dropdown-menu显示模型数据中的值？ （即：预先选择与我的模型数据中的[[o.id]]值对应的paper-item）

selected的{​​{1}}属性无效，因为它基于索引，而不是基于paper-menu的值。

以下是表单的代码：

paper-item

Answer 1

首先，您不能将selected-item用于双向数据绑定，因为它是只读。

相反，您应该在selected上使用paper-menu，就像这样 -

<paper-menu id="menu" class="dropdown-content" selected="{{selectedValue}}" attr-for-selected="value">

请注意，您需要指定attr-for-selected以告知selected属性用于选择的属性。您还需要在元素中创建selectedValue属性，以通过绑定更新selected属性。

最初，我在Polymer的selectedValue函数中指定了ready属性，但它不起作用。我怀疑这可能是因为在呈现重复模板之前selected属性设置得太早。

因此，我将其设置在ready -

中，而不是在attached内设置

attached: function () {
  this.async(function () {
    this.selectedValue = 1;
  });
}

这次it有效。

Answer 2

要预先选择paper-dropdown-menu中的项目，您可以在用作selected的元素中添加属性attr-for-selected和dropdown-content（例如paper-menu或{ {1}}）。

paper-listbox