ポリマー(2.0)の新機能ですので、サンプルアプリケーションで練習していました。 2つの入力フィールドを持つ基本的な「ログイン」画面を作成したかったのです。ポリマー紙の入力はシャドウドームのみで、ブラウザには表示されません
私は今まで何を得ているかをお見せします。
私のindex.html:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="import" href="./bower_components/webcomponentsjs/webcomponents-lite.js">
<link rel="import" href="./bower_components/polymer/polymer.html">
<link rel="import" href="./testing/login-page.html">
</head>
<body unresolved>
<login-page></login-page>
</body>
</html>
そして、私は紙をインストールしている
<dom-module id="login-page">
<template>
<h2>Hello!</h2>
<paper-input label="test">test</paper-input>
</template>
<script>
Polymer({
is: 'login-page',
properties: {
prop1: {
type: String,
value: 'login-page',
},
}
});
</script>
</dom-module>
'テスト' と呼ばれるフォルダ内にある自分のログイン-page.html、 bowerを使用して次のコマンドで入力します。bower install paper-input
問題は、表示されていませんが、ページを調べるときにシャドードムに表示されています。 h2タグ内のすべてが表示されます。繰り返しますが、ポリマーにはまったく新しいものなので、間違っていることはありますか?
は、あなたの 'ログイン-page'要素に'紙input'要素をインポートしているあなたのページでそれをインポートしますか?あなたは1.Xのバージョンではなく、2.0のバージョンの要素をインストールしましたか? –
以下の答えにしたがって、私は2.0バージョンをインストールしました。私はちょうどコマンドについてのいくつかの質問がある、私のコメントを参照してください – RandomStranger