如何在angularjs中的模塊中註冊多個組件？

Question

在angularjs模塊中註冊組件的簡單方法是調用component函數將模塊傳遞組件名稱和包含其屬性的對象（如綁定，控制器等）作爲參數。

當我有很多組件時，我不得不調用component函數重複傳遞上述參數。

我不確定它是否可能，但我正在尋找一種更簡潔的方式來註冊多個組件，我不想多次寫入component函數。

Answer 1

component是一個函數，它可以用JavaScript允許的每種可能的方式調用。

for (const compName of ['foo', 'bar', 'baz']) 
    app.component(compName, { templateUrl: compName + '.html', ... }); 

需要註冊很多類似的組件表明它們應該被重構爲常見的較大組件。

這也意味着組件將被註冊在單個模塊上，而多個模塊和多個文件可能需要保持應用程序模塊化。