1

私のテスト サイトは、ポリマー スターター キット (高度なバージョン) の少し変更されたバージョンです。

target="_self"また、次の場合でも、手動でまたは別の属性を追加するまでリンクは機能しません。

  • ボタンをクリックすると波紋効果が発生します
  • リンク表示が表示されるだけでなく（ボタンにカーソルを合わせると、ブラウザの下端に小さなリンクが表示されます）

ボタンのサンプルコード

<paper-button>
    <a href="{{baseUrl}}contact.html" target="_self">Contact</a>
</paper-button>

プロジェクトのフォルダーにbower_componentsディレクトリがappあり、デフォルトでこれらすべての要素でいっぱいですが、bower <component name> install使用する前に必要ですか、それとも何か問題を引き起こしている可能性がありますか?

4

2 に答える 2

1

これで問題が解決するかどうかはわかりませんが、

バインディングでhref属性バインディング構文を使用する場合

<a href$="{{baseUrl}}contact.html">Contact</a>

そうしないと、一部のブラウザー"{{baseUrl}}contact.html"は、Polymer がバインディングを解決して計算された URL を割り当てる前に、値を解決しようとします。

このセクションの最後も参照してください https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#property-binding

一部の属性は特殊です。style、href、class、for、または data-* 属性にバインドする場合は、属性バインド構文を使用することをお勧めします。詳しくは、ネイティブ要素属性へのバインディングを参照してください。

于 2016-04-21T05:56:48.500 に答える
0

一般に、Polymer 要素をページで使用するには、その要素をページにインポートできるようにする必要があります。これは通常、いくつかのことを行ったことを意味します。

  1. 実行しますbower install --save-dev <element-name>。実行する正確な Bower コマンドは、Polymer 要素のドキュメント ページ(左下)からコピーできます。

ここに画像の説明を入力

  1. <link>タグ (例: )を使用して要素をページにインポートします<link rel="import" href="bower_components/iron-ajax/iron-ajax.html">。

Polymer Starter Kit の優れた点の 1 つは、セットアップに bower からのすべてのPaper Elements ( を含むpaper-button) のダウンロードが含まれていることです。したがって、あなたの場合、使用するために実行する必要はありません。ボタンをクリックするとリップルが表示されるという事実は、要素が既にダウンロードされ、インポートされていることを意味します。bower installpaper-buttonpaper-buttonlink

テスト

paper-buttonの引き出しへのターゲットなしのリンクを追加しましたindex.html:

<body unresolved>
...
    <paper-drawer-panel id="paperDrawerPanel">
      <paper-scroll-header-panel drawer fixed>
...
        <paper-menu attr-for-selected="data-route" selected="[[route]]">
...
          <!-- Your code below... -->
          <paper-button>
            <a href="{{baseUrl}}contact">Contact!</a>
          </paper-button>
        </paper-menu>
      </paper-scroll-header-panel>
...
</body>

そしてそれはうまくいきました：

ここに画像の説明を入力

(問題の原因を特定するには、さらにコンテキストが必要です...)

于 2016-04-20T21:56:12.227 に答える