title: ngModel value not reflected on view - changed in directive
body: <p>value set to false initially in controller</p>
  
  <pre><code>   $scope.isChangeUnsaved = false;
  </code></pre>
  
  <p>value in view</p>
  
  <pre><code>       Changes Status : {{isChangeUnsaved }} // false initially
  </code></pre>
  
  <p>i m trying to change the value of ngModel in directive. the value is changed but it is not reflected on view. here is my code i m using</p>
  
  <pre><code>       &lt;form ngc-reload ng-model="isChangeUnsaved"&gt;
  </code></pre>
  
  <p>directive</p>
  
  <pre><code>    angular.module("biApp").directive("ngcReload", ["$parse","$log", function ($parse,$log) {
  return {
      restrict: "A",
      scope: {
          ngModel:"="
      },
      link: function(scope, element, attrs, controller){
          $JQ(".mainmenu a").click(function(e){
              e.preventDefault();
               scope.$apply(function() {
                      scope.ngModel = !scope.ngModel;
                  });     
               console.log("scope.ngModel",scope.ngModel); // Outputs true - value is changed
          });
      }
  }
  }]);
  </code></pre>
  
  <p>value not changed                       </p>
  
  <pre><code>                Changes Status : {{isChangeUnsaved }} // false even after changed in directive
  </code></pre>