1

我有一个简单的字符串如下：

var templateString = "<span>This is a test</span>"

该字符串在指令的link函数中定义。

现在，在link函数内部，我执行以下代码：

scope.$eval(templateString);

我的下一步是处理$compile数据并将其与范围相关联。

但是，当我执行以下操作时出现错误$eval：

Uncaught Error: Syntax Error: Token 'span' is an unexpected token at 
column 2 of the expression [<span>This is a test</span>]
starting at [span>This is a Test</span>].

但是，如果我查看位于此处的文档，我似乎已经正确执行了这些步骤，但字符串没有评估。

编辑：我正在使用文档中的以下示例：

  angular.module('compile', [], function($compileProvider) {
    // configure new 'compile' directive by passing a directive
    // factory function. The factory function injects the '$compile'
    $compileProvider.directive('compile', function($compile) {
      // directive factory creates a link function
      return function(scope, element, attrs) {
        scope.$watch(
          function(scope) {
             // watch the 'compile' expression for changes
            return scope.$eval(attrs.compile);
          },
          function(value) {
            // when the 'compile' expression changes
            // assign it into the current DOM
            element.html(value);

            // compile the new DOM and link it to the current
            // scope.
            // NOTE: we only compile .childNodes so that
            // we don't get into infinite loop compiling ourselves
            $compile(element.contents())(scope);
          }
        );
      };
    })
  });

但是，我没有使用，$watch因为我不需要观看任何表达式并且已经拥有模板（templateString）。

4

1 回答 1

4

$eval是评估一个表达式，你的 templateString 不是一个有效的表达式，这就是错误发生的原因。

您应该使用 just $compile(templateString)(scope)，它将编译您的模板，并与范围链接，这意味着所有表达式都将使用提供的范围进行评估。

于 2014-03-13T17:34:04.220 回答