AngularJS:在ng-view中显示超文本标记语言代码及其结果(在导航表单中，如- Html，Css，JS，Result)
AngularJS:在ng-view中显示超文本标记语言代码及其结果(在导航表单中，如- Html，Css，JS，Result)
提问于 2016-08-25 20:45:26
我正在开发一个网络应用程序。我有一个屏幕，其中有一个按钮列表(标签为-1\f25‘Code’-1)。单击这些按钮中的任何一个时，不同的-2\f25 HTML -2\f6屏幕(所有按钮通用)加载到-2\f25 ng-2\f6视图中(使用-2\f25$location.path(‘路径’))。屏幕有一个导航栏，其中有四个选项卡(-2\f25‘HTML’-2\f6、-2\f25‘CSS-2\f6、-2\f25’JS-2\f6和-2\f25‘RESULT-2\f6，如图所示)。我还有一个HTML文件列表。
对于exp-
(1) html1、css1、js1、result1
(2) html2、css2、js2、result2等。
现在我想要实现的是-
在-1\f25 screen-1 \f6(屏幕)上，如果点击-1\f25-1\f6按钮，-1\f25-1\f25-1\f25 'HTML‘-1\f6会启动屏幕，同时会显示文件-2\f25 'html1’的代码，同样也会显示其他-1\f25 tab -2\f6的代码及其结果。
下面的图片可能会解释上面的场景。
回答 1
Stack Overflow用户
发布于 2018-02-01 23:52:34
你可以看看angularJS的ng-show和ng-hide功能。实现一个轻量级的显示和隐藏应用程序。您可以在ng-show中设置选项。下面是一个小示例：
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body ng-app="">
Show HTML: <input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
</body>
</html>
希望这能有所帮助！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39145708
复制相关文章
相似问题
腾讯云开发者
