紙張菜單按鈕不顯示在紙張工具欄內

我對聚合物非常陌生，我試圖在紙張工具欄中使用紙張菜單按鈕來重現Kevin Schaaf在聚合物峯會上顯示的內容2015年，但事實證明，該元素沒有顯示。波紋管是我的代碼：紙張菜單按鈕不顯示在紙張工具欄內

<link rel="import" href="../bower_components/iron-icons/iron-icons.html"> 
<link rel="import" href="../bower_components/polymer/polymer.html"> 
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html"> 
<link rel="import" href="../bower_components/paper-input/paper-input.html"> 
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html"> 
<link rel="import" href="../bower_components/paper-menu-button/paper-menu-button.html"> 

<dom-module id="input-header"> 
    <template> 
    <paper-toolbar> 
     <paper-icon-button icon="mail"></paper-icon-button> 
     <div>{{title}}</div> 
     <paper-menu-button> 
     <paper-icon-button icon="more-vert"></paper-icon-button> 
     <paper-input label="Thread name:" value="{{title}}"></paper-input> 
     </paper-menu-button> 
    </paper-toolbar> 
    </template> 

    <script> 
    Polymer({ 
     is: 'input-header', 
     properties: { 
     label: { 
      type: String, 
      notify: true 
     } 
     } 
    }); 
    </script> 
</dom-module>

我在做什麼錯？提前致謝。

來源

2017-03-08 Eron Castro

應該

– aries12

不知道天氣這是一個引起錯誤 – aries12

事實上，固定div標籤不解決問題。我已經在本地進行了測試，並且不會顯示紙張菜單按鈕。 –

的類是很重要的。此外，您還沒有定義下拉內容類的紙質菜單。我不確定是否有紙張輸入？

<paper-menu-button> 
    <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button> 
    <paper-menu class="dropdown-content"> 
    <paper-item>Share</paper-item> 
    <paper-item>Settings</paper-item> 
    <paper-item>Help</paper-item> 
    </paper-menu> 
</paper-menu-button>

來源

2017-03-08 14:31:06

謝謝！它現在工作！ –

@EronCastro如果它有效，這就是你正在使用的，請接受這個答案，這是很好的堆棧溢出禮儀。 –

我不知道你在嘗試什麼。使用paper-input裏面paper-menu-button哪些應該顯示一些項目對我來說沒有意義，但無論如何，如果你想在paper-menu-button內看到paper-icon-button，你必須添加下拉觸發器類。

代碼應該是：

<paper-toolbar> 
     <paper-icon-button icon="mail"></paper-icon-button> 
     <div>{{title}}</div> 
     <paper-menu-button> 
     <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button> 
     <paper-input label="Thread name:" value="{{title}}"></paper-input> 
     </paper-menu-button> 
    </paper-toolbar>

紙質菜單按鈕應該有一定的下拉菜單內容，所以這就是爲什麼我不明白這一點。

也許用一些包裹div周圍paper-icon-button和paper-input，並設置下拉觸發類它

來源

2017-03-08 14:09:56

謝謝！我已添加更改，現在可以使用！ –

紙張菜單按鈕不顯示在紙張工具欄內

回答

相關問題