【问题标题】:How to stop angular merging different pages to make them look the same?如何停止角度合并不同页面以使它们看起来相同?
【发布时间】:2015-11-25 08:38:42
【问题描述】:
我有一个使用 node js 和 angular 的聊天网站,我已经使用这些创建了登录/注册和聊天页面。但问题是,每当我加载聊天页面时,它都会使用其他页面的样式,并且基本上就像同一页面的不同部分一样,它还将登录/注册合并在一起,这没关系,因为它们具有相同的样式只是不同数量的表单框,我想阻止 Angular 将登录/注册中的样式与聊天合并,并让它使用自己的样式。
非常感谢所有帮助,在此先感谢。
据我所知,我自己的代码中没有任何东西可以阻止这种情况,它只是角度本身。 强文本顺便说一下,据我所知,不同页面的某些内容不能单独设置样式,如果我要合并 html,则需要一段时间和研究,我真的不想这样做。
【问题讨论】:
标签:
javascript
css
angularjs
node.js
【解决方案1】:
将页面作为部分加载的想法不是加载其 css 和 js 文件等。
你只需要一个文件作为 index.html 和里面,
define <ui-view> 标签这是你必须加载所有部分的地方,但不是整个页面,有 html 标签和所有东西。
查看this 模式以将所有部分加载到一个文件中。
然后,
我强烈建议您查看this 网站以设置 nodejs 以将所有缺少的路由设置到您的 html 文件以及定义您的“/css”、“/js”等。
我刚刚合并了这两种工作方式,制作了一个非常具体的restful应用程序结构。
【解决方案2】:
为了避免这个问题,你所要做的就是编写带有父类的 CSS。这样,只有当您的父元素具有特定类时,您的 css 才会起作用。
.signIn .button {
}
.chat .button {
}
这样写,不同元素的按钮会有不同的风格