javascript - Angular——允许用户输入 CSS 来动态生成模板

Question

出于安全原因，Angular 文档 clearly states ...不使用用户输入动态生成模板。但是，我只想这样做。我想允许用户使用输入字段自由生成 CSS 并使用它来创建自己的模板，然后他们可以下载这些模板。我知道 $sanitize 可以清理 HTML，但我不知道是否有任何东西可以让您使用 CSS 执行此操作，从而保护网站免受安全漏洞的侵害。

这可能吗？

提前致谢。

Answer 1

您可以使用样式标签预览用户输入的模板。我使用 $templateCache 加载用户 html。

 $scope.loadTemplate=function(){
       var randomStringName=makeid();
       $scope.templVar=randomStringName;
       $templateCache.put(randomStringName,$scope.templ);
 }

HTML

  <div ng-include="templVar"></div>

http://plnkr.co/edit/8HP7HWwMvlXYiusE9TGH?p=preview