嘿，我知道你遇到的问题啦——ng2-table默认会把单元格内容当成纯文本输出，所以你手动拼接的HTML字符串才会原封不动显示出来，不会渲染成可点击的链接。给你两个靠谱的解决办法：

方法一：开启列的innerHTML渲染 #

ng2-table支持给指定列开启innerHTML解析，只要在列配置里加上innerHtml: true就行：

1. 先修改你的列配置（假设你之前已经定义了columns数组）：

this.columns = [
  { title: '年龄', name: 'age' },
  { title: '数值', name: 'value' },
  { title: '链接', name: 'link', innerHtml: true } // 关键：添加innerHtml属性
];

2. 你原来生成contentArray的代码可以保留不变，不过注意：如果item.stored是用户输入的内容，一定要先做XSS安全处理，比如用Angular的DomSanitizer把HTML转为安全的信任值，避免注入风险。

方法二：自定义列模板（推荐） #

这种方式更符合Angular的最佳实践，也更灵活安全，不用手动拼接HTML：

1. 在组件的模板文件中，给ng2-table添加自定义列模板：

<ng-table [config]="config"
          [columns]="columns"
          [source]="source">
  <!-- 自定义链接列的模板 -->
  <ng-template #linkColumn let-row="row">
    <a href="http://google.com">{{ row.stored.substring(0,10) }}...</a>
  </ng-template>
</ng-table>

2. 修改列配置，把对应列的template属性指向这个模板的引用名：

this.columns = [
  { title: '年龄', name: 'age' },
  { title: '数值', name: 'value' },
  { title: '链接', name: 'link', template: 'linkColumn' } // 关联自定义模板
];

3. 调整contentArray的生成逻辑，不用存HTML字符串，直接传入原始的stored值：

res.content.forEach(item => {
  contentArray.push({ 
    age: 1, 
    value: item.value, 
    stored: item.stored // 直接保留原始值
  }); 
}); 
this.source.load(contentArray);

这种方法不仅能渲染链接，还能轻松扩展其他交互（比如点击事件），也避免了手动拼接HTML的麻烦和安全隐患，更推荐使用哦~

内容的提问来源于stack exchange，提问作者Mick