个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
26
4
我用 firebase 构建了一个应用程序，可以让用户登录并获得他们的 ID，但我不知道如何将它与提交字符串的用户结合起来。
在这里查看代码笔:http://codepen.io/chriscruz/pen/OPPeLg
下面的 HTML:
<html ng-app="fluttrApp">
<head>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.0.2/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.0/angularfire.min.js"></script>
</head>
<body ng-controller="fluttrCtrl">
<button ng-click="auth.$authWithOAuthPopup('google')">Login with Google</button>
<li>Welcome, {{user.google.displayName }}</li>
<button ng-click="auth.$unauth()">Logout with Google</button>
<input ng-submit= "UpdateFirebaseWithString()" ng-model="string" ></input>
Javascript 下面:
<script>
var app = angular.module("fluttrApp", ["firebase"]);
app.factory("Auth", ["$firebaseAuth", function($firebaseAuth) {
var ref = new Firebase("https://crowdfluttr.firebaseio.com/");
return $firebaseAuth(ref);
}]);
app.controller("fluttrCtrl", ["$scope", "Auth", function($scope, Auth) {
$scope.auth = Auth;
$scope.user = $scope.auth.$getAuth();
$scope.UpdateFirebaseWithString = function () {
url = "https://crowdfluttr.firebaseio.com/ideas"
var ref = new Firebase(url);
var sync = $firebaseAuth(ref);
$scope.ideas = sync.$asArray();
$scope.ideas.$add({
idea: $scope.string,
userId:$scope.user.google.id,
});
};
}])
</script>
</body>
</html>
还假设，上述依赖项，下面的工作提交一个想法，但问题仍然在于如何将其与用户相关联。请参阅此处的代码笔:http://codepen.io/chriscruz/pen/raaENR
<body ng-controller="fluttrCtrl">
<form ng-submit="addIdea()">
<input ng-model="title">
</form>
<script>
var app = angular.module("fluttrApp", ["firebase"]);
app.controller("fluttrCtrl", function($scope, $firebase) {
var ref = new Firebase("https://crowdfluttr.firebaseio.com/ideas");
var sync = $firebase(ref);
$scope.ideas = sync.$asArray();
$scope.addIdea = function() {
$scope.ideas.$add(
{
"title": $scope.title,
}
);
$scope.title = '';
};
});
</script>
</body>
最佳答案
有几件事让您感到困惑。
之间的区别 $firebase和 $firebaseAuth
AngularFire 0.9 由两个主要绑定(bind)组成:$firebaseAuth 和 $firebase。 $firebaseAuth 绑定(bind)用于所有身份验证。 $firebase 绑定(bind)用于将来自 Firebase 的数据同步为对象或数组。
在 UpdateFirebaseWithString 中，您正在调用 $firebaseAuth 上的 $asArray()。此方法属于 $firebase 绑定(bind)。
何时调用 $asArray()
当您在 UpdateFirebaseWithString 函数内部调用 $asArray 时，您将创建绑定(bind)并在每次调用该函数时同步数组。而不是这样做，您应该在函数之外创建它，这样它只会创建一个项目。
更好的是，您可以将绑定(bind)的创建和 $asArray 函数抽象到工厂中。
app.factory("Ideas", ["$firebase", "Ref", function($firebase, Ref) {
var childRef = Ref.child('ideas');
return $firebase(childRef).$asArray();
}]);
在 Controller 调用之前获取用户
通过从 $getAuth 获取用户，您的想法是正确的。这是一个同步方法，应用程序将阻塞直到用户返回。现在您需要让用户进入每个 Controller 。通过在应用程序的 run 函数中检索用户，您可以让您的生活更轻松。在 run 函数中，我们可以注入(inject) $rootScope 和自定义 Auth 工厂并将用户附加到 $rootScope .这样，用户将对所有 Controller 可用(除非您在 Controller 内部覆盖 $scope.user)。
app.run(["$rootScope", "Auth", function($rootScope, Auth) {
$rootScope.user = Auth.$getAuth();
}]);
这是一个不错的方法，但如前所述，$scope.users 可以被覆盖。更好的方法是从路由中解析到用户。 AngularFire 指南中有一个关于此的重要部分。
将用户与其数据相关联
现在我们在 Controller 调用之前就已经有了用户，我们可以轻松地将他们的 ID 与他们的输入相关联。
app.controller("fluttrCtrl", ["$scope", "Ideas", function($scope, Ideas) {
$scope.ideas = Ideas;
$scope.idea = "";
$scope.UpdateFirebaseWithString = function () {
$scope.ideas.$add({
idea: $scope.idea,
userId: $scope.user.google.id,
}).then(function(ref) {
clearIdea();
});
};
function clearIdea() {
$scope.idea = "";
}
}]);
关于javascript - 如何使用 angularfire 将输入与 firebase 中的用户相关联？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27084186/
26
4
0
最近几天，我们考虑使用 Solr 作为我们的首选搜索引擎。 我们需要的大多数功能都是开箱即用的，或者可以轻松配置。 然而，我们绝对需要的一项功能似乎在 Solr 中被很好地隐藏(或缺失)了。 我会试着
我是 Sequelize 的新手，并且一直在探索关联。我正在使用 mysql 5.6 并 Sequelize ^4.42.0。我正在尝试创建两个简单的表:PRJS 和 TASKS 并将一些数据插入这些
关联、聚合和组合之间有什么区别？请从实现的角度解释一下。 最佳答案 对于两个对象，Foo 和 Bar 可以定义关系 关联 - 我与一个对象有关系。 Foo 使用 Bar public class Fo
这两种 hasOne 语法有什么区别？ class Project { ....... ............ static hasOne = Employee // static h
对于当前的项目，我想使用遗传算法 - 目前我查看了 jenetics 库。 如何强制某些基因相互依赖？我想将 CSS 映射到基因上，例如我有基因指示是否显示图像，以及如果它也是各自的高度和宽度。因此，
关联、聚合和组合之间有什么区别？请从实现的角度解释一下。 最佳答案 对于两个对象，Foo 和 Bar 可以定义关系 关联 - 我与一个对象有关系。 Foo 使用 Bar public class Fo
假设我有一个名为“学生”的表格，其中包含姓名、手机、电子邮件、首选类(class)、首选学校、性别、年龄、地址、资格、职称、家庭电话、工作电话等列 我想从 Students 表中选择数据并插入到 2
问题标题有点困惑。我有一级员工和一级项目。一名或多名员工正在从事一个或多个项目。在这个关联中，我只有一个从具有*多重性的员工类到具有*多重性的项目类的链接。现在有另一种实现。每个项目只有一名经理，属于
到目前为止，我有一个程序采用一组随机点、站点，并围绕这些点形成适当的 Voronoi 图，表示为角和边的图形。它还为我提供了 Delaunay 三角剖分作为另一个以所有站点为节点的图形(尽管我不知道这
实现IComMethodEvents时你得到三个事件。 OnMethodCall OnMethodException OnMethodReturn 我的目标是记录 COM+ 组件中每个方法的调用时间。
我正在处理这个问题。我正在创造数学问题，每一个都有回应。例如。 如果我的问题是关于“5x + 15 = 2 的结果？”，我将只等待一个答案(整数)。 如果我的问题是关于“给我这个形状的面积和许可”，我
我正在寻找一种数据结构来保存唯一元素的无序集合，它将支持以下操作 在集合中任意位置插入/删除元素 查询元素是否存在 访问一个随机元素 天真地，1 和 2 建议使用关联容器，例如unordered_se
是否可以在 LINQ 中使用类似 ContactAddress.Contact 的内容，而无需在 SQL Server 中在这两者之间创建外键关系(通过 Contact.Id ContactAddr
我一直在谷歌搜索，但不明白调用 javax.persistence.criteria.Subquery 和 Criteria API 的方法相关的结果是什么。 http://www.objectdb.
我正在关注 Chris McCord 的“Programming Phoenix”一书，在第 6 章中，在 User 之间创建了一个关系。和一个 Video . 尝试使用 mix phoenix.se
我在 XAML 中有一个 ItemsControl，我在其中为每个组显示一个扩展器，以便我可以展开/折叠该组。我想保持 IsExpanded 的状态属性(以及可能与组标题显示相关的其他设置)。通常你只
Oracle 11 中是否有内置方法来检查 varchar2 字段中值的相关性？例如，给定一个简单的表，如下所示: MEAL_NUM INGREDIENT --------------------
是否可以在没有 JPA 在数据库中创建外键的情况下设置多对一关联？ 这些表归另一个系统所有，并以异步方式填充。因此我们不能在数据库中使用 FK。仍然，几乎总是，最终是一种关系。 @ManyToOne(
我一直在使用NHibernate，使用Fluent NHibernate进行映射。我解决了很多问题，并开始认为自己在nhibernate中经验丰富。 但是，此错误非常奇怪。 这是我的模型: p
我正在开发一个 Typescript Sequelize 项目，其中我的 /models/index.ts 文件具有以下“导入此目录中的所有模型”功能: var basename = path.bas
我是一名优秀的程序员,十分优秀！