Angular2隱藏基於多個條件智能方式的顯示元素

Question

我在我的頁面上有10-12個按鈕和其他幾個輸入。 取決於我需要顯示和隱藏按鈕和輸入的用戶和用戶類型。

例如

如果user = a，則隱藏3個按鈕和2個輸入。 if user = b and userType = mgr然後隱藏其他2個按鈕和其他輸入 etc ....

我該如何巧妙地處理這些條件？

如果條件在所有按鈕和輸入上，我應該寫嗎？不同的模板？我可以在組件端處理並在html中使用它？

請指教。

感謝

Answer 1

我將建立在組件級的方法來封裝驅動能見度邏輯與* ngIf或[隱藏]將它們結合起來。

換句話說：

• 每個按鈕，輸入（或其它html元素），其需要顯示 或基於隱藏在邏輯創建像showElementXXX() : boolean
• 的方法再加入的顯示/隱藏控制開關在模板中，例如

我希望這有助於