Angularjs 调用元素中的局部变量导致未定义错误

我尝试创建以下指令

function sortingTableHeader($compile) {
  return {
    link: function(scope, element, attrs) {
      var tableHeaderEles = angular.element(element[0].querySelectorAll('th'));
      angular.forEach(tableHeaderEles, function(tableHeaderEle) {
        var thElement = angular.element(tableHeaderEle);
        var thValue = thElement.text();
        var sortIcon = '<span class="fa" ng-init="abc=' + theValue + '" ng-class="{\'fa-sort\': sortType != abc}">{{abc}}</span>';
        thElement.append($compile(sortIcon)(scope));
      });
    }
  };
}

有人知道如何在元素中调用局部变量吗

---

非常感谢

是

值

还是

值

！您已经定义了

thValue

，而不是

theValue

非常感谢您。。。。我花了一个小时试图修复那个愚蠢的错误。。。。。

angular.js:14525 ReferenceError: theValue is not defined