Adding to Ariel’s answer, after checking out the details about this check your html code again.
Html templates should not really have “this” keyword binding for their component properties. You should be fine interpolating the property without the “this” keyword.
if you are trying to run loop in HTML page you need to save data in **Array-like
showPackageProducts(thispackage: Package): void {
var package={};
package.selectedPackageId = thispackage.id;
* List item
package.selectedPackage = thispackage;
package.productNames = this.selectedPackage.products.split(',');
package.packageSelected = true;
// you need to push the packge object to global variable
globalVarbel.push(package);
console.log('the package name is: ', package.selectedPackage.name);
}