观察布尔值时，AngularJS指令双向数据绑定不起作用

Question

我有一个双向数据绑定，它不会更改发送到指令的变量的值。

我的指令监视触发器，并将焦点集中在associates元素上（基于在SO处找到的代码）：

app.directive('focusMe', function ($timeout) {
  return {
    scope: {
      trigger: '=focusMe'
    },
    link: function (scope, element, attrs) {
      scope.$watch('trigger', function(value) {
        console.log("directive value: " + value);
        console.log("directive start: " + scope.trigger);
        if (value === true) {
          $timeout(function () {
            element[0].focus();
            scope.trigger = false;
            console.log("directive end: " + scope.trigger);
          });
        }
      });
    }
  }
});

在HTML中，我将其称为：

<input type="text" ng-model="item.value" focus-me="focusInput" />

当我第一次触发它时，它可以工作-
因为focusInput变量会切换其值。但是focusInput在控制器范围内（指令外部）不会false在指令完成时切换回原来的状态。

假设我了解false应该发生的情况，则在致电时切换回应该发生的scope.trigger = false情况。

缺少什么会导致双向绑定不将值推回传递给指令的变量？

更新01：

为了发布问题，我删除了一些代码。HTML实际上看起来像这样：

<input type="text" ng-model="item.value" focus-me="focusInput" ng-if="item.condition != 'matches' && item.condition != 'does not match'" />

如果该input字段被隐藏，然后重新显示（基于ng- if），则该指令将在第一次focusInput更改时正确地给予焦点。之后，它将再次停止工作…除非重复执行隐藏/显示过程。

Answer 1

处理范围内的原始值（布尔值，整数等）时，您遇到的问题是一个常见问题。

我强烈建议阅读“ 了解范围”文章。（简短的答案：原语在指令的隔离范围中更改，并且不在父范围（即您的控制器范围）的链中寻找）。

至于如何解决您的情况，我建议使用点符号并将原始存储在对象中，然后将此对象绑定到指令：

scope: {
   triggerObj: '=focusMe'
},

并确保您现在在指令中引用触发器scope.triggerObj.trigger。

并在您的控制器中具有：

$scope.triggerObj = {};
$scope.triggerObj.trigger = true; //or false, what have you

拥有一个对象将确保双向绑定将起作用。如果有时间，请阅读上面的文章：）