如何基于JavaScript函数返回值设置HTML元素disabled属性？异常排查

看起来你的问题核心在于AngularJS的数据绑定没有正确触发视图更新，还有缺少对状态变化的自动监听逻辑。我来一步步帮你修复：

问题根源拆解 #

1. 你的isEnabled()函数只有被手动调用时才会更新createDisabled，但如果$scope.node.activationStatus动态变化时没触发这个函数，视图完全不知道要同步更新。
2. 就算手动调用了函数，若没触发AngularJS的digest循环，视图也不会感知到$scope.createDisabled的新值。
3. 另外还要确认自定义指令<stx-action-create>的disabled属性是否正确绑定了作用域变量。

解决方案步骤 #

1. 用$watch自动监听状态变化（替代手动调用isEnabled()）

AngularJS的$watch方法可以自动监听作用域变量的变化，一旦值改变就执行逻辑，同时自动触发digest循环更新视图。把你原来的代码替换成下面的逻辑：

// 移除原来的isEnabled函数，改用$watch监听activationStatus的变化
$scope.$watch('node.activationStatus', function(newStatus) {
  // 用简洁的表达式直接赋值，逻辑更清晰
  $scope.createDisabled = (newStatus === "Y");
});

这样不管$scope.node.activationStatus是初始化时的默认值，还是后续交互中动态变化的，都会自动同步更新createDisabled，视图也会跟着响应状态变化。

2. 确保自定义指令正确绑定disabled属性

如果<stx-action-create>是你自定义的指令，需要确保它的disabled属性是双向绑定的，这样作用域里的createDisabled变化时，指令能实时感知到。指令定义应该类似这样：

angular.module('你的模块名称').directive('stxActionCreate', function() {
  return {
    restrict: 'E',
    scope: {
      // 用=实现双向绑定，让指令和父作用域共享这个值
      disabled: '='
    },
    // 指令的其他配置（模板、控制器逻辑等）...
  };
});

如果指令里没正确设置绑定，就算作用域的值变了，指令也不会更新自身的disabled状态。

3. 验证初始状态正确性

页面加载时，如果$scope.node.activationStatus已经是"Y"，上面的$watch在初始化阶段也会执行一次，所以createDisabled会被正确设置为true，视图一开始就会显示禁用状态。

测试验证 #

修改完成后，你可以：

• 手动修改$scope.node.activationStatus的值（比如在控制台或者某个交互事件中）
• 观察<stx-action-create>的disabled状态是否随之同步变化

这样就能解决视图始终返回false的问题了。

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