如何在聚合物中指定自定義元素依賴性

Question

對不起，我們想要一個自定義元素，比如'my-login-form'，其中包含'iron-input'。我如何表示我的表單依賴於「鐵輸入」？我應該使用類似

<link rel="import" href="../bower_components/iron-input/iron-input.html"> 

'my-login-form.html'文件的開頭嗎？

Answer 1

是！這幾乎是標準的做事方式。如果你看一下鐵輸入的源代碼，他們做同樣的事情：

https://github.com/PolymerElements/iron-input/blob/master/iron-input.html

然而，元素不需要直接導入他們的依賴，只要依賴關係是進口的網頁內的地方，使用元素。如果你在一個較大的項目工作，管理的依賴關係的另一種常見的方法是創建一個專用的文件，因爲在這裏看到聚合物入門套件：

https://github.com/PolymerElements/polymer-starter-kit/blob/master/app/elements/elements.html

在這種情況下，僅僅index.html的進口這個文件和所有的自定義元素仍然可以工作，即使他們沒有導入任何依賴關係。

根據我的經驗，這有一些權衡。添加依賴關係會變得更加容易，因爲您只需添加它們一次，但刪除它們也變得更加困難，因爲您必須確保給定的導入未在您的任何元素中使用。