在元素内插入一个有角度的js模板字符串

Question

我试图在元素中放入一些有角度的js模板字符串，并期望得到编译的输出。但这没有发生。的HTML<div ng-controller="testController">    <div ng-bind-html-unsafe="fruitsView"></div></div>控制器：function filterController($scope){    ...    $scope.arr = ["APPLE", "BANANA"];    $scope.fruitsView = '<div><p ng-repeat="each in arr">{{each}}</p></div>';}输出是正义的{{each}}。那么如何$scope.fruitsView在元素内插入一个有角度的js模板字符串（here ）？

Answer 1

我一直遇到这个错误：Error: Argument 'scope' is required使用$compile函数。我发现我使用两个参数来调用该函数是错误的，就像这样：$compile(tpl, scope);并且完全$compile不知道返回一个函数是一个函数，而是应该像这样调用它：$compile(tpl)(scope);，如您所愿。如果其他人犯了此错误，则仅发布此内容。