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

Question

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

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

当应用程序已在浏览器中运行时。如果我是$（'myHeroParent'）。追加（str）。此代码无效。

你怎么能做这个工作？它被称为动态加载组件吗？

Answer 1

而不是模板，将字符串传递给$compile以创建DOM元素：https://docs.angularjs.org/api/ng/service/$compile

Answer 2

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

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