1

这是代码:

<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="../../bower_components/paper-listbox/paper-listbox.html">
<link rel="import" href="../../bower_components/paper-item/paper-item.html">
<link rel="import" href="../../bower_components/paper-input/paper-input.html">

<dom-module id="journal-entry">
  <template>
    <paper-dropdown-menu label="Choose tag">
        <paper-listbox class="dropdown-content">
            <template is="dom-repeat" items="{{journal_tags}}">
                <paper-item>
                    {{item.tag}}
                </paper-item>
            </template>
        </paper-listbox>
    </paper-dropdown-menu>
    <paper-textarea label="journal_entry_text_area">
    </paper-textarea>
  </template>
  <script>
      (function() {
        'use strict';

    Polymer({
      is: 'journal-entry',
        ready : function(){
            this.journal_tags=[
                {tag:'meeting'},
                {tag:'payment'},
                {tag:'general_message'}
            ];
        }
        });
  })();
  </script>
</dom-module>

我期待 paper-textarea 项目出现,但事实并非如此。只有下拉列表显示在测试中。

我的一个想法是它可能没有正确导入,但纸张输入的导入是我在文档中找到的全部内容。

我的另一个想法是我应该为 paper-textarea 项目定义一些宽度和高度样式?但这也没有出现在文档中。

4

1 回答 1

5

我认为

<link rel="import" href="../../bower_components/paper-input/paper-input.html">

应该改为

<link rel="import" href="../../bower_components/paper-input/paper-textarea.html">
于 2016-04-28T19:38:56.943 回答