Outputting XML file data in an ionic project

I created a QR/ Barcode scanner in my ionic project by using this online link,
https://www.freakyjolly.com/ionic-4-add-barcode-qr-code-scanner-encoder-ionic-4-native-plugin/
the qr code is working fine and generating an XML output data of qr code. below is xml out put iam getting.

Barcode data {"text":<?xml version=\"1.0\"encoding=\"UTF-8\"?><PrintLetterBarcodeData name="john" age="36" city="New York" country="USA">}

As in the tutorial link, when i try to output the data into page using code,

{{ scannedData["text"] }}

the complete details of qr code which is shown in the xml file is getting displayed. this is because of text keyword used. But i want to specifically output the name, age or city available in the XML content. please help me how can i do this.