AngularJS Directive Two-Way Data Binding Not Working When Observing Boolean

Question

I have a two-way data binding that is not altering the value of the variable sent to the directive.

My directive watches for a trigger and gives focus to the associa

Answer 1

The problem you are experiencing is a common problem when dealing with primitive values (boolean, int, etc..) within scopes.

I strongly suggest reading Understanding Scopes article. (short answer: primitives are changed in the directive's isolated scope, and are not seeked up the chain for the parent scope, i.e., your controller scope).

As to how to solve your situation, I suggest to use dot notation and store your primitive inside an object, and bind this object to your directive:

scope: {
   triggerObj: '=focusMe'
},

And make sure your trigger references in the directive are now scope.triggerObj.trigger.

And in your controller have:

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

Having an object will make sure the two way binding will work. And read the article above when you have time :)