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