编译模板时AngularJS $interpolate错误text.indexOf

Question

我正在尝试在 AngularJS 的服务中编译模板，但在使用 $compile 服务时不断收到此错误：

text.indexOf is not a function

我尝试了几种不同的方法，但似乎无法找到可行的解决方案。不过有一个工作小提琴：http://jsfiddle.net/DUM7t/ 所以我不知道它为什么会坏。提前致谢！

编辑： 如果我将截图内容放在我的应用程序的运行块中，它也可以工作。

服务：

(function () {
  'use strict';

  angular
    .module('app')
    .service('PrintUtilService', PrintUtilService);

  PrintUtilService.$inject = ['$rootScope', '$timeout', '$interpolate', '$templateRequest', '$uibModal', 'APP', 'FORMATS'];
  /* @ngInject */
  function PrintUtilService($rootScope, $timeout, $compile, $templateRequest, $uibModal, APP, FORMATS) {
    var service = {
      printTemplate: printTemplate
    };

    return service;

    function printTemplate(){
      var data = ["1","2"];
      var html  =
        '<div>' +
        '<ul>' +
        '<li ng-repeat="score in data">{{score}}</li>' +
        '</ul>'+
        '</div>';

      var el = angular.element(html);

      $rootScope.data = data;
      var result = $compile(el)($rootScope); // error on this line

      $timeout(function() {
        console.log(el.html());
        alert(el.html());
      });
    }
  }
})();

Answer 1

var scope = $rootScope.$new();
scope.data = data;
var result = $compile(el)(scope);