javascript - 将自定义 css 保持在 Angular 范围内

标签 javascript jquery html css angularjs

我有一个奇怪的问题。

我正在创建一个带 Angular 网站,用于显示预呈现的 html 报告。我正在使用 ng-include 来显示 html 报告。问题是,html 报告在页面中有自己的 CSS 样式,它正在覆盖主网站的 CSS。

我想知道是否有任何方法可以将 CSS 包含在报告范围或 div 中?我也需要报告范围的自定义 CSS,删除它不是一个选项。

谢谢!

最佳答案

这里有几个选项...

  1. 使用 iframe。它将确保您的样式不会泄漏到其他文档中。跨浏览器非常兼容。

  2. 使用 shadow DOM .它的创建就是为了解决这个确切的问题,但它相对较新,并且没有得到广泛支持。

关于javascript - 将自定义 css 保持在 Angular 范围内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29424289/

相关文章:

javascript - 扩展 jQuery 的 className 选择器

javascript - jqGrid:在自定义格式化程序中使用预定义格式化程序

javascript - 如何为文本字段中的每个字母赋予不同的颜色?

jquery - 对外部 js 文件使用 async 安全吗?

javascript - 没有从 nodeJS 中的 post 方法获得对 html 页面的响应

css - 水平对齐 Div 图像 - Dreamweaver CS5

javascript - d3.js y 轴上的十进制值

javascript - 基于 json 对象显示数据不起作用

javascript - Jquery向后树遍历

javascript - 使用 jQuery/Javascript 从 html 节点中删除文本