如何在没有angular $compile的情况下将typescript中的对象传递给HTML string

在没有Angular的$compile方法的情况下，将TypeScript中的对象传递给HTML字符串可以通过以下步骤实现：

1. 创建一个HTML模板字符串，其中包含占位符来表示将要插入的对象值。例如：

const template = `<div>姓名：{{name}}</div><div>年龄：{{age}}</div>`;

1. 在TypeScript中，创建一个对象，包含要传递给HTML字符串的值。例如：

const data = {
  name: '张三',
  age: 25
};

1. 使用字符串的replace方法，将占位符替换为对象的属性值。例如：

const htmlString = template.replace('{{name}}', data.name).replace('{{age}}', data.age);

1. 将生成的HTML字符串插入到DOM中的适当位置。例如，如果要将其插入到一个具有id为"container"的元素中：

document.getElementById('container').innerHTML = htmlString;

这样，对象的值将被传递给HTML字符串，并显示在页面上。

请注意，这种方法可能存在安全风险，因为直接将用户提供的数据插入到HTML字符串中可能导致跨站脚本攻击（XSS）。为了防止这种情况，建议对用户输入进行适当的验证和转义。