在元素内插入一个有角度的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);，如您所愿。如果其他人犯了此错误，则仅发布此内容。