Angular JS中如何动态获取作用域变量？（复用指令场景）

嘿，我来帮你搞定这个AngularJS里动态获取作用域变量的问题！

你现在的核心需求是：在复用checkStrength指令时，根据指令上绑定的不同作用域变量名（比如pwdInfo.CurrentPassword或userInfo.CurrentPassword），动态拿到对应的变量值来做密码强度校验。下面给你两种实用的解决方案：

方法一：用scope.$eval配合$watch监听变量变化 #

你之前的$watch监听的是属性字符串本身（比如"pwdInfo.CurrentPassword"），而不是这个字符串对应的作用域变量值。我们可以把$watch的监听目标改成一个函数，在函数里用scope.$eval解析属性对应的表达式，这样就能实时拿到变量的最新值：

// 调整指令里的$watch逻辑
scope.$watch(function() {
  // $eval会把属性字符串当成作用域表达式解析，返回对应变量的值
  return scope.$eval(iAttrs.checkStrength);
}, function(newPasswordVal, oldPasswordVal) {
  // 这里的newPasswordVal就是绑定的作用域变量的最新值
  if (newPasswordVal !== oldPasswordVal) {
    // 在这里执行你的密码强度检查逻辑
    console.log('当前输入的密码:', newPasswordVal);
    // 比如把值赋值给你的dynamicVariable变量
    dynamicVariable = newPasswordVal;
  }
});

方法二：用隔离作用域自动绑定变量（更优雅的方案） #

如果你的指令允许使用隔离作用域，这是更符合AngularJS设计规范的方式——让指令直接绑定目标变量，不用手动处理字符串解析：

app.directive('checkStrength', function() {
  return {
    // 定义隔离作用域，把check-strength属性的值双向绑定到指令内部的password变量
    scope: {
      password: '=checkStrength'
    },
    link: function(scope, iElement, iAttrs) {
      // 直接监听指令内部的password变量，它会和外部作用域的变量同步变化
      scope.$watch('password', function(newVal) {
        console.log('当前密码值:', newVal);
        // 执行密码强度校验逻辑
      });
    }
  };
});

模板写法完全不用改，还是你原来的样子：

<ul id="strength" check-strength="pwdInfo.CurrentPassword"></ul>
<ul id="strength" check-strength="userInfo.CurrentPassword"></ul>

补充说明：为什么你之前的写法没生效？ #

你之前监听iAttrs.checkStrength时，监听的是字符串本身（比如"pwdInfo.CurrentPassword"），而不是这个字符串对应的作用域变量值。当用户修改密码时，外部作用域的pwdInfo.CurrentPassword值会变，但这个字符串本身不会改变，所以$watch不会触发。而上面两种方法，都是直接监听变量的实际值变化，就能正确响应更新了。

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