如何使用angularJS創建動態標籤？

Question

我想通過使用angularJS創建一個html元素。我想這樣做，因爲我想從服務器上可用的客戶端下載文件。我看到了簡單的方法來做到這一點，就是使用帶有href屬性的html元素。這是我的一段代碼：

 $http({ 
      url: '/process', 
      method: 'POST', 
      headers: { 
       'Content-Type': 'application/json' 
      }, 
      data: appData.elements 
     }).then(function sucessCallback(response) { 
      //Create a link and emulate a click on it 
     }, function errorCallback(response) { 

     }); 

所以我發送一個請求到服務器。然後，它會生成一個Android項目以生成APK。我想通過點擊元素從服務器下載APK。

Answer 1

創建動態<a>標籤，

$http({ 
     url: '/process', 
     method: 'POST', 
     headers: { 
      'Content-Type': 'application/json' 
     }, 
      data: appData.elements 
     }).then(function sucessCallback(response) { 
      //Create a link and emulate a click on it 
      var anchor = angular.element('<a/>'); 
      angular.element(document.body).append(anchor); 

      //hide with css 
      anchor.css({display: 'none'}); 

      var body = $document.find('body').eq(0); 
      body.append(anchor); 
      anchor.attr({ 
       href: data.content.fileName, 
       target: '_blank', 
       download: 'filename.doc' 
      })[0].click(); 
      anchor.remove(); 
     }, function errorCallback(response) { 

     });