在 AngularFire 中，我们如何像在普通 javascript 中一样获得存储引用？答案

【问题标题】：In AngularFire how do we get storage reference like in normal javascript?在 AngularFire 中，我们如何像在普通 javascript 中一样获得存储引用？
【发布时间】：2016-12-02 17:57:19
【问题描述】：

通过使用普通的 Javascript，我可以像下面的代码一样使用 firebase 存储

var config = {
    apiKey: "AIzaSyCJ3RdrcdO_Zph5DKPN-RLmJsR5fBD7S5w",
    authDomain: "myapp-90faa.firebaseapp.com",
    databaseURL: "https://myapp-90faa.firebaseio.com",
    storageBucket: "myapp-90faa.appspot.com",
};

firebase.initializeApp(config);

// file from some event e
var file = e.target.files[0];
var storage = firebase.storage().ref('images/'+file.name);
var task = storage.put(file);

但是如何在 Angular fire 中实现存储对象呢？这里我只是可以参考一个数据库：

var myApp = angular.module('myApp', ['firebase']);
var myProducts = new Firebase('https://myapp-90faa.firebaseio.com/products');

myApp.controller('ProductsCtrl', ['$scope', '$firebaseArray', function($scope,$firebaseArray) {

【问题讨论】：

Firebase 存储（尚未）包含在 AngularFire 2.x 中。看到这个Github issue tracking its progress。

标签： javascript firebase angularfire firebase-storage

【解决方案1】：

对于 AngularJS，从 Angularfire 的 2.3 版开始就有可能：

app.controller("MyCtrl", ["$scope", "$firebaseStorage",
    function($scope, $firebaseStorage) {
        var storageRef = firebase.storage().ref("images/dog");
        $scope.storage = $firebaseStorage(storageRef);
    }
]);

对于 Angular 1.x 之后的版本，AngularFire2 也有一个用于 firebase 存储的 API：

constructor(private fb: FirebaseApp) {
    const storageRef = fb.storage().ref("images/dog")
}

【讨论】：