如何在Angular Js中为templateUrl添加promise

app.factory('TemplateLoader', ['$http', '$q', function($http, $q) {
  return {
    loadTemplate: function(url) {
      var deferred = $q.defer();

      $http.get(url)
        .then(function(response) {
          deferred.resolve(response.data);
        })
        .catch(function(error) {
          deferred.reject(error);
        });

      return deferred.promise;
    }
  };
}]);

app.controller('MyController', ['TemplateLoader', function(TemplateLoader) {
  var vm = this;

  TemplateLoader.loadTemplate('path/to/template.html')
    .then(function(template) {
      vm.template = template;
    })
    .catch(function(error) {
      console.error('Failed to load template:', error);
    });
}]);

<div ng-include="'path/to/template.html'"></div>