使用 Polymer 目录中的元素
Polymer 推出了许多精心打造的元素,供你在应用中使用。
在元素目录中浏览它们。
让我们通过包含 paper-input
( 文档 ) 来完成使用元素的工作流程
下载元素
要下载元素,有两种方法:
鲍尔
方便的方法是使用 bower install
命令使用命令行:
bower install --save PolymerElements/paper-input
注意: --save
将元素添加为应用程序的 bower.json
的依赖项。
ZIP 文件
另一种方法是使用导航中的添加到集合将所选元素(在本例中为 paper-input
)添加到你的集合(在 Polymer 目录中),并使用右上角的星形图标下载你的集合。
这将生成一个包含该元素及其所有依赖项的 .zip 文件。然后,你可以将 .zip / components 内的 bower_components
文件夹复制到应用程序的根目录。
在你的应用中导入元素
要导入刚刚安装的元素,请导入相应的 .html
文件:
<link rel="import" href="bower_components/paper-input/paper-input.html">
使用元素
现在你可以在导入它的文档中使用 paper-input
:
<paper-input></paper-input>