Angularjs 显示:无!在<;img ng src…>;

Angularjs 显示:无!在<;img ng src…>;,angularjs,google-chrome-devtools,Angularjs,Google Chrome Devtools,我正在尝试调试AngularJS应用程序,其中display:none被注入标记中,如下所示: 以下是img标签的显示方式: <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px;" /> 这就是我得到的: <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px; display: none !important;" /> 有人能帮我建议一下如

我正在尝试调试AngularJS应用程序,其中display:none被注入标记中,如下所示:

以下是img标签的显示方式:

  <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px;" />

这就是我得到的:

  <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px; display: none !important;" />

有人能帮我建议一下如何跟踪(display:none!important;)的注入方式吗?还有什么想法可能会在我的img标签中注入这个

注: -这个问题只发生在一些浏览器上,而不是所有的浏览器上。实际上,我曾尝试在相同的浏览器版本上,但在两台不同的机器上重现这个错误,但都失败了。
-我正在使用Chrome最新版本进行测试

我在从src attrib加载图像时遇到这种情况, 内联样式
“style=”显示:无!重要的;“
已为某些图像添加

尝试禁用Chrome中的angular inspector插件。
这在正常模式下发生在我身上,但在匿名模式下,firefox、opera、mobile一切正常。

首先,检查DevTools是否显示哪个CSS规则隐藏了这一点。 它应该为您提供文件和行。如果没有,请尝试禁用Javascript以查看是否有帮助。或者手动扫描文件并查找
.hide()
.toggle()
,等等(如果使用jQuery)

为了进一步调试,您可以通过选择元素并在上下文菜单中选择“断开…”(如下所示),尝试在子树和属性修改上设置断点

您也可以尝试。另请参见:

关闭广告块


我有一张名为“Advert.png”的图片,花了太多时间才意识到广告块阻止了它。

我也有类似的情况。这是因为我在Chrome上安装了广告块。我的应用程序在Firefox上运行良好,Firefox没有安装广告块。但Chrome没有显示任何元素

谷歌搜索了几个小时后,我发现问题出在chrome上没有显示的元素id上。我为特定元素使用的id是“post-ad”。我把它改为“make-new”

就这样。它开始工作:)

我认为广告拦截器会找到html页面的特定ID和名称来决定是否显示它


希望这对某人有所帮助。

当浏览器中使用adblocker extension时,当您暂停时,您将能够看到图像,而此内联CSS将不会显示。

您是否也在使用
ng show
ng hide
?另外,您使用的AngularJS版本是哪一个?@ChrisB nope,页面上没有,这就是问题所在更让我困惑的是。我正在使用Angular 1.2.6。你能发布更多的代码吗?恐怕这还不足以帮助你。