如何在Angular2中使用从后端检索的字符串作为模板？

在Angular2应用程序中，我想使用ajax从后端检索html标记字符串，并将其用作Angular2中的模板

// The str I get from server by ajax is:
var str = "<my-hero [hero]=\"hero\"></my-hero>"

//我通过ajax从服务器获得的str是：
var str=“”

当应用程序已在浏览器中运行时。如果I$（'myheropparent'）。追加（str）。这个代码不起作用

---

你怎么能做到这一点？它叫动态加载组件吗

我认为您可以将此特定html作为模板发送到这样的组件中

angular.module('MenuApp')
.component('itemset1', {
templateUrl: '<my-hero [hero]=\"hero\"></my-hero>',
});

angular.module（'MenuApp'）
.component（'itemset1'{
templateUrl:“”，
});

将字符串传递给

$compile

以创建DOM元素，而不是模板：

这是Angular1.X。angular2也有类似的情况吗？