title: Two way binding Angularjs directives isn't working
body: <p>I have been trying to figure out the solution but I think i hit a dead end. </p>
  
  <p>So here is my directive</p>
  
  <pre class="lang-js prettyprint-override"><code>directives.directive('postprocess', function($compile)
  {
      return {
          restrict : 'E',
          require: '^ngModel',
          scope: {
              ngModel: '='
          },
          link: function(scope, element, attrs) {
              var parsed = scope.ngModel;
              el = $compile(parsed)(scope);
              element.html("");
              //add some other html entities/styles.
              element.append(el);
              console.log(parsed);
          }  
      };
  });
  </code></pre>
  
  <p>The html</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;postprocess ng-model="some_model.its_property" style="padding-top: 10px;" /&gt;
  </code></pre>
  
  <p>Somewhere in the controller, I update the model property </p>
  
  <pre class="lang-js prettyprint-override"><code>some_model.its_property = 'Holla';
  </code></pre>
  
  <p>But it doesn't update the corresponding directive. It works perfectly when loading which tells me that it might not be entirely a scoping issue.</p>