Angular Save As Text File

สวัสดีครับ ในบทความวันนี้เราจะมาแนะนำ การ บันทึก ข้อความ เป็น Text File ด้วย Angular  กันครับ

ไฟล์ app.component.ts

import { Component} from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent{
	
	title = 'Save Text AS File';
	
	txtData:any = "วิกิพีเดียภาษาไทยเป็นเว็บไซต์สารานุกรมออนไลน์ภาษาไทยแห่งที่สองที่ถูกสร้างขึ้น[ต้องการอ้างอิง] โดยก่อนหน้านี้มีสารานุกรมไทยสำหรับเยาวชน ความต่างของวิกิพีเดียคือ เนื้อหาถูกสร้างขึ้นโดยผู้ใช้หลายคน และแจกจ่ายได้เสรีภายใต้สัญญาอนุญาตครีเอทีฟคอมมอนส์ แบบแสดงที่มา-อนุญาตแบบเดียวกัน 3.0 และสัญญาอนุญาตเอกสารเสรีของกนู ในขณะที่สารานุกรมไทยสำหรับเยาวชนสงวนลิขสิทธิ์ภายใต้สัญญาอนุญาตไม่เสรี";

	constructor() { }
	
	saveAsTextFile(){
      
      var data = new Blob([this.txtData], {type: 'text/plain'});

      let url = window.URL.createObjectURL(data);

      let a = document.createElement('a');
      document.body.appendChild(a);

      a.setAttribute('style', 'display: none');
      a.href = url;
      a.download = 'news.txt';
      a.click();
      window.URL.revokeObjectURL(url);
      a.remove();

    }
  

  
}

ไฟล์ app.component.html

<h4>ตัวอย่างข้อความ</h4>
<p>{{txtData}}</p>

<a href="#" (click)="saveAsTextFile()" style="">Save AS Text File</a>

ผลการทำงาน เมื่อคลิกที่ Save AS Text File จะ Download ไฟล์ text ตามตัวอย่าง