AngularFire 是 Firebase 官方支持 AngularJS 绑定 Firebase。Firebase 是全后端，不需要服务器就可以构建你的 Angular 应用。AngularFire 提供 $firebase 服务，允许你简单的保持 $scope 和 Firebase 后端变量同步。
AngularFire是Firebase核心客户端的补充。它提供了几种Angular服务：
$firebaseObject-同步对象$firebaseArray-同步的收藏$firebaseStorage-存储和检索用户生成的内容，例如图像，音频和视频$firebaseAuth-身份验证，用户管理，路由
把以下代码放到 HTML 中：
<!-- AngularJS --> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script> <!-- Firebase --> <script src="https://cdn.firebase.com/js/client/2.1.1/firebase.js"></script> <!-- AngularFire --> <script src="https://cdn.firebase.com/libs/angularfire/0.9.2/angularfire.min.js"></script>
-
After successfully login, we want something help to check whether user has already login or not. And we will use Observable to do that. Create AuthInfo.ts: export class AuthInfo { constructor(priv
-
ng new fitness-tracker # 选 routing Y 和 sass cd fitness-tracker ng add @angular/material ng g c auth/signup --module=app.module ng g c auth/login --module=app.module ng g c training --module=app.modu
-
建立 material.module.ts 统一存放 Angular Material 元件 import { NgModule } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/ic
-
Config AngularFire, we need database and auth module from firebase. import {NgModule} from '@angular/core'; import {CommonModule} from '@angular/common'; import {RouterModule, Routes} from '@angular/r
-
AngularFire 详细介绍 AngularFire 是 Firebase 官方支持 AngularJS 绑定 Firebase。Firebase 是全后端，不需要服务器就可以构建你的 Angular 应用。AngularFire 提供 $firebase 服务，允许你简单的保持 $scope 和 Firebase 后端变量同步。 把以下代码放到 HTML 中： <!-- AngularJS
-
Paginator for AngularFire 正在写一个用到AngularFire的博客项目，需要一个分页器。 在AngularFire官方文档里，Firebase的Query API实在太少。 官方提供了一个Paginator示例，但是因为进行偏移查询的时候必须指定开始位置记录的key，所以每一次读取都要多读一条。 （现在想想虽然可以在循环的时候跳过第一条，但是）当时觉得$firebase
-
A simple store implemenet: import { Observable } from 'rxjs/Observable'; import { BehaviorSubject } from 'rxjs/BehaviorSubject'; import 'rxjs/add/operator/pluck'; import 'rxjs/add/operator/distinctUn
-
import { NgModule } from '@angular/core'; import { AuthService } from './auth.service'; import { AngularFireAuthModule } from 'angularfire2/auth'; import { AngularFirestoreModule } from 'angularfire2/
-
import {Injectable} from '@angular/core'; import {Skill} from '../models/skills'; import {AuthService} from '../../auth/services/auth.service'; import 'rxjs/add/operator/do'; import 'rxjs/add/operato
-
Let's see how to do pagination in Firebase: For the init loading, we only want 3 items: findLessonsKeyPreCourseUrl(courseUrl) { return this.findCourseByUrl(courseUrl) .filter(course => !
-
import {AuthProviders, FirebaseAuthState, FirebaseAuth, AuthMethods} from "angularfire2"; import {Injectable} from "@angular/core"; import {Subject, BehaviorSubject} from "rxjs"; import {AuthInfo} fro
-
Updated to AngularFire2 v5.0. One important change is that you need to call .snapshotChanges() or .valueChanges() to get data as Observable back. return this.db.list<Skill>(`skills/${this.uid}`)
-
问题内容： 我刚刚从KnockoutJS切换到AngularJS，但在AngularJS中找不到KnockoutJS的“ with”数据绑定。 这是KnockoutJS中的代码片段。“ with”绑定创建一个新的绑定上下文，以便将后代元素绑定到指定对象的上下文中。 AngularJS是否有类似上下文的内容？ 问题答案： 我所不知道的..这是我能做的最好的事情：
-
为了更好地掌握AngularJS，我决定使用其中的一个示例，特别是简单地在Todo-example中添加一个“完整”的屏幕，当用户输入了5个todo，它使用一个switch-case切换到另一个div。代码可以在http://jsfiddle.net/fwchu/1/，如果有用的话。 但是，似乎每个switch-case都有自己的作用域($scope.todotext不可用），但是在本例中，可以从
-
AngularJS中的数据绑定就是模型与视图间的自动同步。这种实现方式让你能专心地处理你的模型。视图总是模型的投影。当模型改变，视图就会反映这种改变，反之亦然。 传统的模板系统数据绑定 大部分模板系统都是这种绑定方式。 方向：如图所示，它们将模型和模板结合生成视图。这个结合过程产生的视图不是动态更新的。更糟的是，任何用户和视图的交互都不会反映到模型。这意味着开发者要自动写视图和模型双向的同步代码。
-
问题内容： 为了掌握AngularJS，我决定使用其中一个示例，特别是在Todo示例中简单地添加一个“ complete”屏幕，当用户输入5个todo时，它会使用一个切换案例切换到另一个div。 。如果有任何用处，可以在这里找到代码http://jsfiddle.net/FWCHU/1/。 但是，似乎每个开关盒都有其自己的作用域（$ scope.todoText不可用），但是在这种情况下，可以使用
-
问题内容： 有没有办法在AngularJS绑定中使用数学函数？ 例如 这个小提琴显示了问题 http://jsfiddle.net/ricick/jtA99/1/ 问题答案： 如果您对数学一无所知，则必须注入示波器 。 最简单的方法，你可以做 在您的控制器中。我猜想正确地做到这一点的角度方法是创建一个数学服务。
-
问题内容： 我需要将动态参数传递给applet。 这是我的控制器： 这是我的观点，参数base64在控制器中定义为“ abcd” 当我运行页面时，我在p标签中看到字符串’abcd’，但是applet参数的值只是“ {{base64}}”。 我该如何解决？ 问题答案： 我解决了传递整个applet声明的问题。这样，它可以正常工作。 控制器： 视图：
-
问题内容： 我目前正在将一个大型应用程序移植到基于HTML5的Web应用程序上-我已经开始在AngularJS中构建该应用程序并享受AngularJS框架的功能- 目前，我遇到了一个问题： 我有一个给我jQuery Datepicker的指令，但是对模型的绑定似乎不起作用。 http://jsfiddle.net/9BRNf/ 我可能会误解指令的工作方式，并想了解我是否可以修补对框架的这一部分理解
-
问题内容： 我试图弄清楚如何用角度绑定工具提示的内容。我有一个看起来像这样的指令： script.js 它从这里使用qTip2插件 我的index.html看起来像这样（请注意，在实际文件中，我已经包括了所有源文件，为了避免混乱，我只是未将其粘贴在此处）： 和 button.html 如您在指令代码中看到的。将button.html加载到工具提示中，但是这会阻止angular正常运行-将butto