AngularJS 1中$digest报TypeError及ng-if失效问题排查求助

让我们一步步排查你遇到的两个问题，先从最明确的ng-if失效问题入手：

这个问题的核心是数据类型不匹配，我们来拆解原因：
你在自定义指令里用了@符号绑定isAdmin，这是AngularJS里的单向字符串绑定。当父组件通过is-admin="{{ctrl.isAdmin}}"传值时，布尔值false会被转换成字符串"false"。而在AngularJS的表达式判断中，非空字符串都会被视为真值——哪怕是"false"，所以ng-if="isAdmin"会判定为true，导致div显示出来。

解决方案有两种，你可以根据需求选择： #

方案1：改用双向绑定（=）保留布尔类型

修改指令的scope配置，把@换成=，这样会直接传递布尔值而不是字符串：

.directive('myDirective', function() {
  return {
    replace: true,
    restrict: 'E',
    scope: {
      isAdmin: '=' // 改为双向绑定
    },
    // 你的模板和其他逻辑...
  };
})

同时使用指令时去掉插值表达式，直接绑定变量：

<my-directive is-admin="ctrl.isAdmin"></my-directive>

方案2：保留@绑定，手动转换字符串为布尔值

如果因为某些原因必须用@绑定，可以在指令内部把字符串转成布尔值，比如在link函数里处理：

.directive('myDirective', function() {
  return {
    replace: true,
    restrict: 'E',
    scope: {
      isAdmin: '@'
    },
    link: function(scope) {
      // 将字符串转换为布尔值
      scope.isAdmin = scope.isAdmin === 'true';
    },
    template: '<div ng-if="isAdmin">Am I Admin? {{isAdmin}}</div>'
  };
})

这样当父组件传"false"时，会被转换成布尔值false，ng-if就会正确隐藏元素。

这个错误的栈信息里提到了angulartics.js，而且变量名是v12这种混淆后的名称，说明你的代码是压缩过的。结合栈里的$digest、$apply和请求加载相关的调用，大概率和Angulartics的事件追踪逻辑有关：

排查步骤： #

1. 检查版本兼容性：确认你使用的Angulartics版本和AngularJS 1.x版本匹配（Angulartics 1.x对应AngularJS 1.x），版本不匹配可能导致奇怪的调用错误。
2. 临时禁用Angulartics：注释掉Angulartics的引入和配置，看看错误是否消失。如果消失了，说明问题出在Angulartics的配置上：
   • 检查是否配置了某个追踪提供商（比如Google Analytics）但没有正确初始化，导致Angulartics尝试调用一个未定义的函数。
   • 检查项目中是否有自定义的Angulartics追踪代码（比如$analytics.trackEvent），可能绑定了一个不存在的处理函数。
3. 使用未压缩文件定位：如果需要保留Angulartics，换成未压缩的angular.js和angulartics.js运行项目，这样错误栈里的变量名会是原始的有意义名称（比如不是v12而是tracker之类的），能更快找到问题所在。

内容的提问来源于stack exchange，提问作者DeLac