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

Question

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

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

当应用程序已在浏览器中运行时。如果我$（'myHeroParent'）。append（str）。此代码不起作用。

您如何完成这项工作？它被称为动态加载组件吗？

Answer 1

我认为你可以在组件发送这个特殊的HTML作为模板，这样

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

Answer 2

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