Javascript 为什么语义用户界面会在angular ng中隐藏包含部分的内容?
我一定是做错了什么,但我似乎想不出来。我不是一个前端人员,但我一直在尝试角度和语义,试图重新做应用程序的前端 所以无论如何,我的部分(以及形式和其他东西)中的段落出于某种原因被隐藏了 以下是索引页:Javascript 为什么语义用户界面会在angular ng中隐藏包含部分的内容?,javascript,css,angularjs,semantic-ui,Javascript,Css,Angularjs,Semantic Ui,我一定是做错了什么,但我似乎想不出来。我不是一个前端人员,但我一直在尝试角度和语义,试图重新做应用程序的前端 所以无论如何,我的部分(以及形式和其他东西)中的段落出于某种原因被隐藏了 以下是索引页: <body class="pushable"> <!-- Body/Background content. Placed as a child to avoid content overlap --> <!-- Sidebar --> &
<body class="pushable">
<!-- Body/Background content. Placed as a child to avoid content overlap -->
<!-- Sidebar -->
<div ng-include="'shared/sidebar/sidebarView.html'"></div>
<!-- Content Pusher for Semantic/Sidebar -->
<div class="pusher">
<!-- This is a full-page backgorund pattern I created. Stays fixed on the entire page and content is over it-->
<div class="main-content"></div>
<!-- Navbar/Title Menu -->
<div ng-include="'shared/navbar/navbarView.html'"></div>
<!-- Location of current View Partial -->
<div ng-view class="main-view"></div>
</div>
</body>
以下是部分内容:
<div class="ui page grid">
<div class="ui horizontal divider"></div>
<div class="ui row segment">
<div class="ui row">
<div class="center aligned column">
<h1>
<i class="database icon"></i>
Environment Definitions
</h1>
<p>
Not appearing
</p>
</div>
</div>
<div class="ui row">
<div class="center aligned column">
<h1>
Yes
</h1>
<p>
No
</p>
</div>
</div>
</div>
</div>
环境定义
不出现
对
不
下面是结果的屏幕截图(我在导航栏中涂掉了一些内容,只是因为):
也许问题在于我对语义网格的基本理解,但他们的网站对我帮助不大。老实说,我还没有时间坐下来仔细阅读文档,所以我希望这里能有一些简短的反馈或可靠的概述。任何信息都有帮助
编辑@NewDev建议我删除部分并将内容从部分粘贴到索引文件中。结果如下:
出现的东西和没有出现的东西之间唯一的区别(AFAIK)是p标签,这可能会搞乱语义的网格系统。你的页面在线吗?因为你的html看起来还可以…不幸的是没有。这是一个内部应用程序,所以我没有办法把它推出。我可以自己把这个页面放上去,但是配置一个服务器之类的东西需要一些时间。也许我应该准备一个扑克牌什么的,但那得等到下班后。不过我同意,我认为HTML是正确的。这就是我为什么如此困惑的原因。如果它不在分部中,它是否与语义一起工作?对不起,我无能为力。。。检查您的CSS类是否有固定高度,可能是IssuenPoe,我从未使用过固定高度。应用程序仍然很小,所以我可以看到@NewDev,好主意,让我用部分代码替换ng include。将在大约3分钟内用结果更新问题。