FirebaseのストレージからイメージのURLを取得する方法は？

Question

私はストレートFirebaseのドキュメントからこのコードを持っている：

// Create a reference to the file we want to download 
    var user = firebase.auth().currentUser.uid; 
    var storageRef = firebase.storage(); 
    var pathReference = storageRef.ref('/' + user + '/profilePicture/' + image.name); 

    //var starsRef = storageRef.child('/' + user + '/profilePicture/' + file.name); 

    // Get the download URL 
    pathReference.getDownloadURL().then(function(url) { 
    // Insert url into an <img> tag to "download" 
     $scope.imageUrl = url; 
     console.log($scope.imageUrl); 
    }); 

しかし、私は示す画像...任意の助けを得るために私のhtmlファイルに書き込むために何を把握することはできませんか？

Answer 1

結果をコントローラの変数とHTMLのng-srcに入れてください。

サービスを使用してURLを取得し、コントローラで直接取得するのではなく、

コントローラ

app.controller('MyController', ['$scope', function($scope) { 
    // Create a reference to the file we want to download 
    var user = firebase.auth().currentUser.uid; 
    var starsRef = storageRef.child('/' + user + '/profilePicture/' + file.name); 

    // Get the download URL 
    starsRef.getDownloadURL().then(function(url) { 
    // Insert url into an <img> tag to "download" 
     $scope.imageUrl = url; 
    }); 
}]); 

HTML

<img ng-src="{{imageUrl}}"/>