Javascript 在Angular 1中处理不必要的API调用

我有一组根据角色显示的信息。我已经使用ng show将相关信息（从API获取）显示给相应的角色，我想限制对该角色不需要的API的调用。我尝试了if条件，但没有帮助。有人能告诉我吗？

根据角色过滤数据应该在API的服务器端完成，而不是在客户端使用Angular，因为用户可以简单地查看源或检查流量以查看数据。

请发布任何相关信息code@FuriousD

{{data}
{{data}

两个api调用都在同一个控制器上，仅在视图中，im通过ng show显示=“角色。我是否需要制作一个单独的控制器？是的，Haitham，数据根据服务器端的角色进行过滤。我的场景是在仪表板上显示数据。目前我只是根据角色使用ng show显示数据。所以它是同一个仪表板视图，我只是隐藏了其他角色数据（在视图上），但API正在被调用。仅在视图上，数据是隐藏的，但在幕后调用API。当我在视图中隐藏数据时，如何限制角色不需要的API调用。我必须为不同的视图创建一个单独的视图吗？您应该有一个服务，告诉您用户角色，并且根据该角色，在控制器类中，只调用与当前角色相关的API。如果仪表板不同，则可以将其设置为单独的视图