个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我试图在 AngularJS 范围内记录登录用户，但在页面首次加载时出现错误。
单击“登录”似乎有效，但注销后会出现相同的“$apply 已在进行中”错误。
我想我只是误解了 $apply 的工作原理，有人可以帮忙吗？
更新:
如果我将 if (user) 部分包装在 $apply() 中，如下所示，它可以无缝工作。
var auth = new FirebaseAuthClient(ref, function(error, user) {
if (user) {
$scope.$apply(function(){ $scope.user = user; });
console.log(user);
} else if (error) {
// I can't vouch for this, haven't tested it
$scope.$apply(function(){ $scope.user = null; });
console.log(error);
} else {
$scope.user = null;
console.log("logged out");
}
});
原始代码:
app.js:
var app = angular.module('app', ['firebase']);
Controller .js:
app.controller('Login', ['$scope', 'angularFire',
function($scope, angularFire) {
$scope.loginstatus = 'logged out';
var ref = new Firebase("https://app.firebaseio.com/");
var auth = new FirebaseAuthClient(ref, function(error, user) {
if (user) {
$scope.$apply(function(){ $scope.loginstatus = 'logged in'; });
} else if (error) {
$scope.$apply(function(){ $scope.loginstatus = 'error'; });
alert("Login error: " + error);
} else {
$scope.$apply(function(){ $scope.loginstatus = 'logged out'; });
}
});
$scope.login = function(provider, args) {
auth.login(provider, args);
}
$scope.logout = function() {
auth.logout();
}
}]);
index.html:
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<title>App</title>
<script type="text/javascript" src="https://cdn.firebase.com/v0/firebase.js">
<script type="text/javascript" src='https://cdn.firebase.com/v0/firebase-auth-client.js'></script></script>
<script type="text/javascript" src="lib/angular/angular.js"></script>
<script type="text/javascript" src="lib/angularFire.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/controllers.js"></script>
</head>
<body ng-controller="Login">
<p>Login status: {{loginstatus}}</p>
<div class="container">
<h1>Login</h1>
<p>
<button ng-hide="user" ng-click="login('twitter')" class="btn btn-primary btn-large">Login</button>
<button ng-show="user" ng-click="logout()" class="btn btn-primary btn-large">Logout</button>
</p>
</div>
</body>
</html>
最佳答案
$apply 仅当您处于 Angular 上下文之外时才需要(例如 setTimeout、setInterval 或非 Angular XHR 回调)。
由于 FireBaseAuthClient 是一个根据 Angular 编写并注入(inject)到 Controller 中的工具，因此回调很可能已经包含在 $scope.$apply 中。您可以通过删除 $scope.$apply 来修复代码，因此只需:
var ref = new Firebase("https://app.firebaseio.com/");
var auth = new FirebaseAuthClient(ref, function(error, user) {
if (user) {
$scope.loginstatus = 'logged in';
} else if (error) {
$scope.loginstatus = 'error';
alert("Login error: " + error);
} else {
$scope.loginstatus = 'logged out';
}
});
关于angularjs - 将 FireBaseAuthClient 与 AngularJS 结合使用时为 "Error: $apply already in progress"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16452354/
24
4
0
这对我来说似乎很简单，但我找不到合适的属性。出于错误报告的目的，我想知道我所在的内部过程的名称。 这是最简单的示例: 运行测试。 程序测试。 /* 如何在此处显示过程名称“test”？ */ 结束程序
虽然这不是我的主要职责，但我从事 Progress 4GL 已经 8 年了。我更多地使用 C++ 和 Java。当用其他语言编程时，建议声明接近用法。然而，对于 4GL，我看到人们将声明放在文件的顶部
我注意到 Progress 4gl 中的 IF 语句有一个非常奇怪的行为。 我定义了一个格式为“999”的整数，它告诉它有 3 位数字，然后我分配一个小于 100 的值(例如 12)，然后当我显示它时
我有下面的代码片段(如之前的 Stack Overflow 回答... Deleting all special characters from a string in progress 4GL 中所
如何将数字和字符串添加到 Progress4GL 上的字符变量中 如下所示(这只是一个展示想法的例子)。 a = 'Code' b = 1 c = a+b 所以c的值为“Code1” 我怎样才能在pr
我有一个缓冲区，其中混合了数据、数字和字符字段。我正在显示字段的值，但由于某种原因，日期字段返回“？”当我尝试将它们添加到字符串时。 我还明白吗？即使我这样做 ASSIGN lvString = lv
有没有办法用特定字符格式化正在进行的字符串？ 一个示例显示了前 6 个数字为 x 的 SSN。我已尝试使用 String 函数，但它不支持以格式发送的字母 x。 SSNString = '333224
我正在寻找好的文献来学习 Progress 4GL。这是一个与工作空间相关的项目，无法获得培训资金。我试过文档，但它不准确且相当困惑。 我将不得不在 OE 10.1B 上的 ChUI 中完成大部分工作
我如何计算总数？表中的记录？我想显示数据库中的所有表名以及编号。每个表中的记录数 最佳答案 最快的方法是: proutil dbname -C tabanalys > dbname.tab 这是一个分
我正在创建某种音频播放器，但遇到了障碍。我添加了一个进度条，它会根据正在播放的歌曲进行更新。 但是，我希望进度条可以点击并在点击时跳转到轨道的时间(就像每个普通玩家一样)。
在我的进度应用程序中使用浏览器时，滚动条永远不会正常工作。它会显示我只能向下滚动一点，然后继续前进。这是一个正在进行的错误还是我可以做些什么来解决这个问题？ /* Connected Database
我们如何更改 Progress 中的默认锁而不是共享锁？ 最佳答案 您可以通过使用 [NO|EXCLUSIVE|SHARE]-LOCK 修饰符将锁定状态添加到查询来在每个单独的查询(FIND、FOR
我正在使用 Material-UI的 默认情况下转换 scaleX() 的组件 的属性在另一个里面 每当值更改以可视化当前进度时。它具有缓动效果，使一切看起来都很流畅，这通常非常好，但是出于我的应用程
我很好奇 PWA 添加到主屏幕后将在后台使用什么浏览器。它是您最初选择“添加到主屏幕”的那个吗？如果是，如果我在我的 Chrome 上将 PWA 添加到主屏幕怎么办手机，然后删除 Chrome(假设现
在我问任何问题之前，让我告诉你我对 Progress Openedge 没有任何经验，但我的公司运行一个用它制作的应用程序，现在我必须通过它进行一些 SOAP 调用。所以我想，为什么不调用用我认为合适
在我提出任何问题之前，让我告诉你我对 Progress Openedge 没有任何经验，但我的公司运行一个用它制作的应用程序，现在我必须通过它进行一些 SOAP 调用。所以我想，为什么不调用用我认为合
进度处理程序已在一些领先的 promise 库(Q、When、Bluebird)中弃用，并且也已从新的 Promises/A+ spec 中删除。虽然我理解取消进度事件背后的原因，但我在重构以下我
如何改变的颜色 progress[value]::-webkit-progress-value { background-color: #00bdf8;
我有一个需要连接的进度数据库。它们与 SQL Server Management Studio 的等价物是什么？ 服务器似乎是 Progress OpenEdge 10.1 最佳答案 这在一定程度上取
我在不了解 PWA 的内在含义的情况下开始构建 PWA。当我搜索时，PWA 使用以下技术逐步为 Web 应用程序提供了类似于外观的原生应用程序 舱单 服务人员 设计App shell Web 应用程序
我是一名优秀的程序员,十分优秀！