Javascript AngularJS：在ng视图中显示HTML代码及其结果（以导航形式，如-HTML、Css、JS、result）

我正在开发一个网络应用程序。我有一个screen-1，它有一个按钮列表（带有标签“Code”）。单击这些按钮中的任何一个，将在ng视图中加载一个不同的HTML屏幕-2（对于所有按钮都是通用的）（使用$location.path（'path'））。screen-2有一个带有四个选项卡的导航栏（“HTML”、“CSS”、“JS”和“结果”，如图所示）。我还有一个HTML文件列表

对于exp-

（1） html1、css1、js1、结果1

（2） html2、css2、js2、result2等等

现在我想要实现的是-

在screen-1上，如果单击按钮-1，则应启动screen-2，其中包含活动选项卡“HTML”，并应显示文件“html1”的代码，同样，还应显示其他选项卡的代码及其结果

下面的图片可能会解释上述情况

---

您可以查看

angularJS

ng show和ng hide功能。实现轻量级的显示和隐藏应用程序。您可以在

ng show

中设置选项。下面是一个小例子：

显示HTML：
欢迎
欢迎来到我家

您可以查看

angularJS

ng显示和ng隐藏功能。实现轻量级的显示和隐藏应用程序。您可以在

ng show

中设置选项。下面是一个小例子：

显示HTML：
欢迎
欢迎来到我家