Angular2隐藏基于多个条件智能方式的显示元素

Question

我在我的页面上有10-12个按钮和其他几个输入。 取决于我需要显示和隐藏按钮和输入的用户和用户类型。

例如

如果user = a，则隐藏3个按钮和2个输入。 if user = b and userType = mgr然后隐藏其他2个按钮和其他输入 etc ....

我该如何巧妙地处理这些条件？

如果条件在所有按钮和输入上，我应该写吗？不同的模板？我可以在组件端处理并在html中使用它？

请指教。

感谢

Answer 1

我将建立在组件级的方法来封装驱动能见度逻辑与* ngIf或[隐藏]将它们结合起来。

换句话说：

• 每个按钮，输入（或其它html元素），其需要显示 或基于隐藏在逻辑创建像showElementXXX() : boolean
• 的方法再加入的显示/隐藏控制开关在模板中，例如

我希望这有助于