如何从firebase存储绑定angularjs中的镜像

<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-storage.js"></script>

var firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

firebase.initializeApp(firebaseConfig);

var storageRef = firebase.storage().ref();
var file = document.getElementById("fileInput").files[0]; // 获取文件输入框中的文件
var uploadTask = storageRef.child("images/" + file.name).put(file); // 上传文件到指定路径

uploadTask.on("state_changed", function(snapshot) {
  // 监听上传进度
}, function(error) {
  // 处理上传错误
}, function() {
  // 上传完成
  uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
    // 获取上传后的镜像文件的下载链接
    console.log("File available at", downloadURL);
  });
});

<img ng-src="{{ imageUrl }}" alt="Image">

var storageRef = firebase.storage().ref();
var imageRef = storageRef.child("images/image.jpg");

imageRef.getDownloadURL().then(function(url) {
  $scope.imageUrl = url;
});