使用 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>