从AngularJS模板字符串生成HTML字符串

Question

我将angularjs模板作为包含"ng-repeat"和其他指令的字符串.我想在控制器中编译它以生成结果HTML作为字符串.

关于我想在Angular中应用的内容的示例:

Input:
-------
var template = '<div ng-repeat="item in items">{{item.data}}</div>';

Output:
--------
var result = '<div>1</div><div>2</div><div>3</div><div>4</div>';

我想在控制器中完成这个,我尝试了以下内容:

var template = '<div ng-repeat="item in items">{{item.data}}</div>';
var linkFunction = $compile(template);
var result = linkFunction($scope);

console.log(result); // prints the template itself!

谢谢!

Answer 1

给这个旋转:

var template = angular.element('<div ng-repeat="item in items">{{item.data}}</div>');
var linkFunction = $compile(template);
var result = linkFunction($scope);
$scope.$apply();

console.log(template.html());