Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
基于多条件智能方法的Angular2隐藏显示元素_Angular - Fatal编程技术网
Fatal编程技术网
  • angular/
  • 基于多条件智能方法的Angular2隐藏显示元素

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

angular

基于多条件智能方法的Angular2隐藏显示元素,angular,Angular,我的页面上有10-12个按钮和其他一些输入。 根据用户和用户类型，我需要显示和隐藏按钮和输入 比如说 如果用户=a，则隐藏3个按钮和2个输入。 如果user=b和userType=mgr，则隐藏其他2个按钮和其他输入 等等 我将如何巧妙地处理这些情况 我是否应该在所有按钮和输入上写入if条件？不同的模板？我可以在组件端处理并在html中使用它吗 请给我一些建议 谢谢我将在组件级别构建方法来封装驱动可见性的逻辑，并将它们与*ngIf或[hidden]结合起来 换言之： 对于每个按钮，需要显示的输

我的页面上有10-12个按钮和其他一些输入。 根据用户和用户类型，我需要显示和隐藏按钮和输入

比如说

如果用户=a，则隐藏3个按钮和2个输入。 如果user=b和userType=mgr，则隐藏其他2个按钮和其他输入 等等

我将如何巧妙地处理这些情况

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

请给我一些建议

谢谢

我将在组件级别构建方法来封装驱动可见性的逻辑，并将它们与*ngIf或[hidden]结合起来

换言之：

  • 对于每个按钮，需要显示的输入（或其他html元素） 或基于逻辑隐藏创建类似于
    showElementXXX（）：boolean的方法
  • 然后在模板中添加显示/隐藏控制开关，例如
我希望这有助于

我将在组件级别构建方法来封装驱动可见性的逻辑，并将它们与*ngIf或[hidden]结合起来

换言之：

  • 对于每个按钮，需要显示的输入（或其他html元素） 或基于逻辑隐藏创建类似于
    showElementXXX（）：boolean的方法
  • 然后在模板中添加显示/隐藏控制开关，例如
我希望这有帮助