Angular 5 ng2-loading-bar在firefox上不能正常工作
Angular 5是一种流行的前端开发框架，而ng2-loading-bar是一个用于在Angular应用中显示加载进度条的插件。然而，有时候在Firefox浏览器上使用ng2-loading-bar可能会遇到问题，导致进度条无法正常工作。
这个问题可能是由于Firefox浏览器对某些CSS样式或动画效果的支持不完全引起的。为了解决这个问题，可以尝试以下几个步骤：
- 确保使用的是最新版本的ng2-loading-bar和Angular框架。更新到最新版本可能会修复一些已知的兼容性问题。
- 检查ng2-loading-bar的文档和GitHub页面，查看是否有关于Firefox兼容性的特殊说明或解决方案。有时候插件的作者会提供一些针对特定浏览器的修复方法。
- 检查你的应用中是否有其他CSS样式或动画效果与ng2-loading-bar产生冲突。尝试禁用其他样式或效果，看看是否能够解决问题。
- 如果以上方法都无效，可以考虑使用其他类似的加载进度条插件，或者自己编写一个适用于Firefox的解决方案。
总结起来，解决ng2-loading-bar在Firefox上无法正常工作的问题需要综合考虑插件版本、兼容性说明、其他样式冲突等因素，并尝试不同的解决方法。在腾讯云的产品中，可以考虑使用腾讯云的云开发服务（https://cloud.tencent.com/product/tcb）来部署和托管你的Angular应用，以获得更好的兼容性和稳定性。
相关·内容
我正在尝试在我的Angular应用程序中显示一些静态HTML5视频。它可以在Chrome上正常运行，但不能在Safari或Firefox上运行。
<video class="masthead-video w100 m-w100" autoplay loop muted>
<source src="public/img/test.mp4" type="video/mp4">
<source src="public/img/test.webm" type="video/webm&#
浏览 9提问于2017-01-04得票数 0
1回答
我正在为LG WebOS开发一个使用Angular2的应用程序，在Chrome和Firefox中可以正常工作，但在TV嵌入式浏览器中不能工作。此问题仅在我使用HTTP模块时重现
有什么解决办法吗?谢谢。
编辑：
LG WebOS不支持cookies，我的解决方案是从Angular2的HTTP模块禁用cookies。
浏览 11提问于2017-03-16得票数 0
已尝试获取表的tr第二个TD值，但不起作用。我认为closest在chrome或firefox中不能正常工作。我在angular 6中使用这个脚本，如何解决这个问题？
const target = e.originalEvent.toElement.closest('td');
浏览 0提问于2019-12-19得票数 0
我正在使用Hammer检测HTML5页面上的收缩，并将其定向到SVG图像进行缩放。SVG图像位于其自己的div中，Hammer pinch检测附加到该div。
这在最新版本的IE、Safari (移动和桌面)、Opera和Chrome上运行良好，但在Firefox上就不行了。在Firefox上，Hammer不会检测到夹击，因此不会将其定向到SVG元素。相反，它会缩放页面上的其他项目。
我还使用Hammer来检测平移操作(同样是在SVG上)，这在包括Firefox在内的所有浏览器上都能正常工作。
因此，我想我只是遗漏了一些Firefox指令，以防止它在Hammer看到它之前捕获到pinch事件。
浏览 3提问于2015-03-13得票数 1
我使用"Angular 8“和"Ionic 5”离子后退按钮不能正常工作，使用： 从@ angular /common私有位置导入{Location}：Location，this.location.back ()； Location在安卓和网络上运行得很好，但在iOS上就不行了。有别的选择吗？
浏览 22提问于2020-04-30得票数 0
我有一个运行在mydomain.com:81上的AspNet5 beta8网站mydomain.com:80和应用编程接口。只是端口不同。我确实配置了Cors，它在IE11和Chrome上工作得很好。不幸的是，我不能让它在Firefox版本42中工作。
不同之处在于Firefox在印前检查请求期间请求的内容类型：
Firefox: OPTIONS 204 No Content, Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
api使用json inside OPTIONS响应对此进行响应。这之后是
浏览 0提问于2015-11-19得票数 0
根据的背景大小，从Firefox3.6开始就支持它，但是它显然不能在我的Firefox 5的OS版本中工作。在Safari中它看起来很好，但是Firefox 5没有正确地显示它。有窃听器吗？为什么我不能让这个在Firefox中工作呢？
HTML：
<span class="special button">My button</span>
CSS：
.button {
background-size: contain;
}
.button.special {
background: url("/images/special-butt
浏览 9提问于2011-07-18得票数 0
回答已采纳
我刚刚更新了我的应用程序到Angular5。作为标准的业务期望，它应该主要在浏览器上工作。
角5不能在旧浏览器中工作。我刚刚检查了浏览器堆栈，它在新版本的firefox中工作(在51之后)。我应该做些什么来使它至少工作到版本30。有许多用户使用旧版本的firefox。
至少我们可以向他们显示不支持firefox版本的错误消息吗？
浏览 0提问于2018-03-12得票数 0
更新后，google chrome (版本:77)从(版本:76)扩展行不能按预期工作。在更新之前，谷歌chrome扩展行的'angular-UI-grid‘运行正常，但是，它在其他浏览器，如Mozilla Firefox和Microsoft Edge上工作正常，也可以在旧版本(76.0.3809.132)的chrome上工作。 在更新之前，google chrome扩展行以适当的空间打开并扩展，其他行在扩展区域后显示。 ? 更新后，google chrome扩展了打开的行，以覆盖其他行。 ?
浏览 24提问于2019-09-26得票数 1
我有一个angular应用程序，它使用Identity Server 4和angular-auth-oidc-client包进行静默刷新。这意味着我受到了https://www.thinktecture.com/en/identity/samesite/prepare-your-identityserver上描述的SameSite Cookie问题的影响。 因此，我完全按照文章中的描述应用了修复。 本地(localhost)一切正常。我可以登录，如果我点击F5，我将保持正确登录： Auth result received AuthorizationState:authorized valid
浏览 11提问于2020-08-21得票数 2
回答已采纳
各位，我给你们带来了一个我根本无法修复的bug。
解释是:我已经在我的Angular 6/Material 2项目中创建了一个管道，它应该清理在文本区域中键入的字符串。
测试/管道在这里运行：
它的用途:1-基于字符映射，用它的原始版本e替换像éèêë这样的字符。2-然后删除不属于指定regex：/[^a-zA-Z0-9 \-"#$%&'()*+,.;:<=>?!@/[\]\\^_`{|}~]/g的任何字符
示例:通过erick更改érick或通过love更改♥
问题是:在WINDOWS中，浏览器(在Chrome、IE和Firefox中测试)都能正常工作。当
浏览 0提问于2018-08-18得票数 1
我有以下jsFiddle：
这在IE和Chrome上都能正常工作，但在Firefox上却不能正常工作。
所需的行为是在您单击包含图像的div的位置创建一个div (带有单词foo)。
使用firefox时，顶部/左侧的定位信息会丢失。
浏览 1提问于2011-11-02得票数 1
回答已采纳
我在使用导航大小的anythingslider.js时遇到了奇怪的问题。它在Chrome，IE上工作正常，但在FireFox上它只显示一张幻灯片。我检查了anythingslider.js的代码，似乎只有在第一次加载站点时，jquery outerWidth才不能在FireFox上正常工作。当您刷新时，它会起作用。在此处演示->
在FireFox上查看，然后在Chrome上查看。
请帮帮忙。谢谢!
浏览 1提问于2014-01-17得票数 1
2回答
Bootstrap工具提示在chrome中不起作用，但在firefox中工作正常。
<script type='text/javascript'>
jQuery(document).ready(function () {
if ($("[rel=tooltip]").length) {
jQuery("[rel=tooltip]").tooltip({
placement: 'right',
trigger: "hover"
});
}
});
</script>
此外，在firef
浏览 1提问于2013-08-22得票数 1
在我们的intranet上，我们不能在IE11上打开docx文件。Chrome就像Firefox一样工作正常。
失败的浏览器：
IE11
成功的浏览器：
铬
Firefox
控制台错误
SCRIPT5:访问被拒绝。档案: wordviewerframe.aspx，行: 1，列:1
打开开发工具打开文件时出错：
对象不支持属性或方法“selectSingleNode”
有人知道这个问题吗？
提前感谢
浏览 6提问于2014-08-21得票数 1
回答已采纳
1回答
我正在创建一个AngularJS的指令。在Internet Explorer (IE9)中，它不能像预期的那样工作。它确实会用模板替换原始的html，但不会更新模板的插值字符串。
它可以在Chrome、Firefox和Safari中正常工作
下面是代码
angular.module('app', []);
angular.module('app').directive('mydirective', function () {
return {
replace: true,
scope: {
浏览 1提问于2013-04-01得票数 3
回答已采纳
我有一个angular应用程序，可以在chrome和firefox上正常运行。
但在IE上，该应用程序无法工作。
我最大的问题是我找不到错误的原因。得到了一些一般性的错误。
如何在IE上调试应用程序，或者如何找到错误原因
浏览 1提问于2016-01-27得票数 0
我在Firefox上使用Bootstrap Carousel，不工作。它可以在Chrome上运行，但不能在Firefox上运行。“上一步”按钮可以正常工作，但“下一步”按钮会使幻灯片出错。有人注意到了吗？
这是我正在开发的网站：
你可以在Firefox上访问并查看该bug。
我能做些什么？
谢谢!
浏览 0提问于2018-03-13得票数 0
1回答
我正在用Webpack做角度2的工作。我在组件中创建了我的SCSS文件，并将其放入下面的代码中，但是SCSS混音不能工作，其他CSS仍然正常工作，而且如果我创建变量，它们也可以正常工作，并且在构建代码时没有在angular-cli上显示错误。这是我的代码：
@mixin widthbypercentage($from-number, $to-number) {
/* Firefox */
width: -moz-calc($from-number - $to-number);
/* WebKit */
width: -webkit-calc($from-numb
浏览 0提问于2016-12-05得票数 2
回答已采纳
我试图创建一个脚本，它将完成以下工作：
使用指定的URL启动Firefox web浏览器。
暂停5秒(使用timeout命令)
使用wmctrl优雅地关闭火狐。
剧本：
#!/bin/bash
firefox http://www.google.com
timeout 5; DISPLAY=:0.0 wmctrl -c "firefox"
但是，在运行脚本之后，我必须手动关闭Firefox。超时命令不能正常工作。
浏览 3提问于2017-04-09得票数 1
我有一个问题，使本地视频工作的HTML5视频元素。
如果我尝试直接查看本地OGG或WebM文件，在Firefox16.0.2中它可以工作，但在chrome 22中它不能工作！
但是，如果我在另一台view服务器上查看OGG文件，它可以正常工作。
例如，此文件
对我来说是正确的，但是如果我将它保存到我自己的服务器上
然后它可以在Firefox中播放，但Chrome不会播放它。
我相信mimetype的设置是正确的，有人能帮我找到这个问题吗？
浏览 2提问于2012-11-06得票数 0
回答已采纳
1回答
当我使用angular 11从asp.net核心API获取字符串数据时，我遇到了一个问题，如下所示 Object { headers: {…}, status: 0, statusText: "Unknown Error", url: "http://localhost:51857/api/Account/GetRoleName/username@mail.com", ok: false, name: "HttpErrorResponse", message: "Http failure response for http://loca
浏览 20提问于2021-03-16得票数 0
回答已采纳
1回答
为什么Angular5中来自CSS的常规伪类不能正常工作？我知道您可以使用(click)="function1()"或(mouseenter)="function2()"等角度事件处理程序来模仿它们的行为。
我们不能在Angular中使用常规的CSS伪类的原因是什么？
浏览 12提问于2018-02-05得票数 2
回答已采纳
我有一个简单的模式对话框，当打开它时，会通过AngularJS向页面添加一个覆盖。
var $mask = angular.element('#tbxContainerMask').length
? angular.element('#tbxContainerMask')
: angular.element('<div id="tbxContainerMask"></div>
浏览 0提问于2013-08-27得票数 1
2回答
我尝试在单行中使用CDK拖放，它工作得很好，类似地，它在单列中也工作得很好，但是当我使用flex-wrap: wrap在行和列中显示磁贴时，它不能正常工作。 这是一个演示https://stackblitz.com/edit/angular-etbue5
浏览 14提问于2019-09-12得票数 1
我试图在angular.js中使用angular.js来提供queryparams。我下面的代码在Firefox中运行得很好，但在Internet 11中却不能工作。如果我删除了$location代码，那么它就能工作了。
app.config(['$locationProvider', function($locationProvider) {
$locationProvider.html5Mode( true );
}]);
app.controller('appName',
['$scope', '$loca
浏览 3提问于2016-06-21得票数 2
回答已采纳
我目前正在做angular项目。根据angularjs的材料设计规范，该应用程序有一个sidenav。当我在chrome和其他主要浏览器上点击控制sidenav的菜单图标时，它可以工作，但在firefox上不能工作。请访问下面的chrome和firefox链接，在plunker上测试示例应用程序。
<body layout="column" ng-controller="sidenavController as vm">
<md-toolbar layout="row">
<md-button
浏览 1提问于2017-08-09得票数 0
我在一个具有样式属性的5列表上测试<colgroup>标记。
我似乎不能让它在Firefox3.6/Chrome5tho上工作，这就是我开始在w3c上搜索参考资料的时候。
我的代码看起来完全没问题，但是看着，我发现它甚至都不能工作。只有IE8才能正常工作，Opera10.51忽略了style标签，但正确地应用了align标签，而ffox和chrome似乎完全忽略了colgroup。
那么我(和w3c)做错了什么呢？colgroup被弃用了吗?我错过了吗？
浏览 0提问于2010-04-19得票数 2
回答已采纳
请考虑以下角度应用：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="script.js"></script>
</he
浏览 4提问于2016-02-12得票数 0
回答已采纳
我有后端，我使用signalr的websockets。当客户端和后端都在http上时，一切都正常。
然后我换成了https。现在，我在浏览器中看到以下错误：
WebSocket connection to 'wss://example.com/chatHub?id=mKk-uj0P0_7WsLFXjXhskA' failed: Error during WebSocket handshake: Unexpected response code: 200
POST https://example.com/chatHub?id=HSwLlWtJGpBP0Dib6sHobQ 404
浏览 12提问于2018-11-25得票数 1
在我的Angular 10应用程序中，我想在新浏览器选项卡中打开组件。我想这样做，而不启动整个应用程序和创建另一个应用实例。
我找到了一篇文章，它准确地描述了我所需要的东西。
但也有一些问题--它不能正常工作。在Chrome隐名模式下，它工作得很好，但是在正常模式下，在Chrome中，或者Firefox不工作。它会打开新选项卡几毫秒，并关闭自己。在另一台计算机上，它在Firefox中工作得很好，但在Chrome中却完全不工作。
我的问题是，它是否有可能实现这一点，通过一些独白或黑客，并允许它工作在任何或大多数浏览器？我不想创建多个实例，因为它将很难沟通和保持一个应用程序的状态。
浏览 7提问于2020-10-20得票数 6
回答已采纳
2回答
单击按钮时，我正在尝试下载多个PDF文件。我目前的代码在Chrome上运行得很好，但我不能让它在Firefox上运行。
angular.forEach(downloads, function(download) {
$http.get(download.url, {responseType: 'arraybuffer'}).then(function(response) {
var blob = new Blob([response.data], {type: "application/pdf"});
var down
浏览 5提问于2016-02-15得票数 0
我正在开发Angular 11应用程序。当我运行(ng服务器)应用程序时，它在Google Chrome和Firefox中工作正常，但在safari 5.1.7中不工作。 这是我在safari中遇到的错误- ?
浏览 27提问于2021-03-27得票数 0
我有一个Angular应用程序(7.2版)，当我在本地主机上打开它时，它在Firefox中突然不能使用了。浏览器说："TLS与localhost的握手正在进行中“，但过了一段时间我就超时了。在Chrome和所有其他浏览器中，这款应用都能顺利运行。
我注意到，尽管可以在Firefox中调用它，但如果我在angular.json中有以下设置(ssl属性设置为false)：
"serve": {
"builder": "@angular-devkit / build-angular: dev-server",
浏览 7提问于2019-07-08得票数 0
回答已采纳
2回答
我用Miro Video Converter和FreeMakeVideo Converter对webm视频进行了编码，结果是一样的:一些webm视频可以在html5中播放，而其他视频在嵌入Firefox标签时不能播放。
在Chrome中，它们都可以正常播放。
在我的Apache配置中，我添加了: AddType视频/webm .webm
我还添加了一个具有相同名称的视频文件: AddType .htaccess /webm .webm
没什么不同。有些webm文件可以正常播放，而其他文件则根本不能播放。
如果我直接在Firefox中打开webm文件，它们都可以正常工作，但在video标签中只有
浏览 6提问于2013-03-18得票数 3
1回答
我对Firefox的指令有一个奇怪的问题。我的指令只是为了限制用户的输入，它在Chrome上工作，就像它应该做的那样。但是在Firefox上，当用户输入到它的极限时，你就不能再删除这个数字了。后置锁或任何键都不起作用。例如:当用户尝试输入999以上的键盘锁时，您仍然可以删除铬上的数字。但是在Firefox中，你不能删除，也不能按任何数字。有什么想法吗？
.directive("limitTo", [function() {
return {
restrict: "A",
link: function(scope, elem
浏览 2提问于2015-10-21得票数 2
回答已采纳
我正在使用angular 6，我注意到.webp图像没有显示，对jpg，png没有问题。如何在angular 6中显示webp图像？
它可以在google chrome上运行，不能在mozilla firefox上运行。
浏览 4提问于2018-07-21得票数 0
我正在为一个项目使用Daniel Bruce制作的名为Entypo的象形文字web字体，它在Windows版的Safari5中不能正常工作。然而，这种字体在Chrome、Firefox、Internet Explorer和Opera上运行良好。
这是。在Safari中打开链接，您将看到缺少象形文字。看起来5个字符或更多字符的unicode代码正在抛弃Safari。知道为什么吗？
浏览 1提问于2012-11-14得票数 3
2回答
我一直在用HTML5编写一个简单的文本编辑器，它应该是离线工作的。然而，我不能让离线应用程序缓存工作，我也不知道为什么不能。
我的清单文件如下所示：
CACHE MANIFEST
application.html
options.html
...
并按如下方式调用它：
<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
...
我正在使用Google App Engine托管web应用程序。
我已经将网页通过了W3C HTML验证器()，结果一切正常。
我已经在Chrome和Fi
浏览 0提问于2010-08-13得票数 2
回答已采纳
基本上，@font-face在Chrome和Firefox中可以正常工作，但在Internet Explorer中不能正常工作。如果有人可以看看它，www.serialquilting.com，并建议问题可能是什么，那就太好了。
浏览 1提问于2013-12-02得票数 1
我已经使用angular js v1.6.4、angular-ui-bootstrap和angular-ui-router创建了离线表单(无服务器托管)。如果软件包保存在本地存储上，它在IE和chrome上完全可以正常工作。
在将文件包移动到网络驱动器后，它在chrome上按预期工作，但在IE上不能，在angular.module("ui.bootstrap"... )抛出“错误：'angular‘is undefined”...
JS文件按以下顺序加载到登录页面，
jquery-1.12.4.min.js
angular.1.4.min.js
ui-bootstrap
浏览 0提问于2018-04-16得票数 0
我正在尝试使用一个普通的css动画，如下所示：
div {
height: 0.5rem;
width: 1rem;
background-color: blue;
transform-origin: left;
transition: transform 5s;
transition-delay: 2s;
transform: scaleX(15);
}
它根本就不起作用。div以scaleX(15)格式显示，但没有持续时间。
它可以在CodePen上正常工作，但不能在Stackblitz上工作。这里我漏掉了什么？CSS动画不能和Angular一起工作吗？
浏览 2提问于2019-05-28得票数 2
2回答
我正在努力解决一个只在Chrome中出现的奇怪的问题。
我的angular SPA与不同子域(api.domain.com)上的node.js-Backend进行通信。为了让它正常工作，我使用。一切正常，除了在Chrome中的选项预检的下载时间。
此计时仅在Chrome中发生。Firefox、IE、Edge和Opera不受影响。
我在docker容器中对express和cors使用node.js。前端是一个角度1 SPA。
有谁知道怎么解决这个问题吗？
浏览 0提问于2018-01-11得票数 2
我对wordpress中当前版本的mediaelement-plugin有一个问题。我使用的视频格式是MP4文件。在IE，Safari，Chrome中，它可以正常工作，但在Firefox中，它只显示中间有"X“的HTML5播放器。我发现MP4文件不能在firefox中工作，所以我的问题是:有没有可能在firefox中显示flash-plugin。
浏览 0提问于2011-04-20得票数 0
3回答
我在一个网站上工作，它在Chrome和Firefox上运行良好，但在Internet Explorer (所有版本)中不能正常显示。下面是它在所有三种浏览器中的外观：
Chrome和Firefox
Internet Explorer
浏览 2提问于2011-12-30得票数 0
回答已采纳
我有用angular写的前端和Spring写的后端。我购买了主机，并在那里安装了tomcat，在那里我部署了我的生产后端。我在我的托管服务上域文件夹下部署前端。Spring有jks证书。我将此jks证书添加到server.xml中的连接器。Angular已经让我们加密了为我的域名"spotmapa.pl“生成的证书。 现在我有了这样的情况:在桌面google chrome上，我的域名似乎“不安全”，当这个网站为后端做api调用时，它是正确的。但例如，在firefox中，我的域似乎是安全的，并且有挂锁，但对后端的api调用在那里不起作用。 我从邮递员到后端的api调用工作正常，但不能从
浏览 13提问于2020-04-18得票数 0
1回答
我在我的项目中使用MS图表，一切都进行得很顺利。我将这个用于复杂的工具提示内容，当我在IE上添加行中断"\n“时，它在IE上正常工作，而在Firefox上却不能正常工作。
检查以下截图，任何帮助都将不胜感激。
IE:
火狐：
浏览 3提问于2011-01-04得票数 0
回答已采纳
在Mozilla Firefox版本26上，必应地图不能工作。我没有缩放和定位(在firefox设置中启用了定位服务)。在不要得到任何错误或警告。在所有其他浏览器中(IE、Chrome...)一切正常。问题出在哪里？
浏览 6提问于2013-12-31得票数 0
我有一个Angular 7应用程序，并在其中拖放angular cdk以重新排列列表。拖放工作正常，但它不能自动滚动div容器。有没有办法在不更新angular/cdk版本的情况下让自动滚动工作，按照这个链接
我当前的angular/cdk版本: 7.3.7。
StackBlitz：
浏览 17提问于2020-06-02得票数 0
当我使用本地存储来存储图像时，图像可以在Firefox和chrome上运行，但当我将图像上传到imgur并将其加载到codepen中时，它只在Firefox上有效，图像根本不能在chrome上加载，为什么会这样呢？
<img src="https://i.imgur.com/OBiyZL0.jpg" alt="Blog Thumbnail">
background: url('https://i.imgur.com/6RELfrW.jpg') no-repeat;
这就是我怎么做的，CSS是一个不同于html的元素，但两者都不能在co
浏览 11提问于2018-07-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
