title: Deleting a referenced scope object from inside an isolated scope - angular.js
body: <p>I have an angular directive uses the <code>=</code> operator to two-way bind an isolated scope with an attribute of its parent scope: </p>
  
  <pre><code>app.directive('nestedDirective', function(){
      return {
          scope: {
              model: '='
          },
          link: function($scope){
              ...
          }
      }
  });
  </code></pre>
  
  <p>I understand that any changes to $scope.model will propagate to the parent scope. However, deleting $scope.model does not propagate. <code>delete($scope.model)</code> My question thus: How do I delete the referenced variable and propagate the removal to the parent scope.</p>
  
  <p><a href="http://cdpn.io/rneKa" rel="nofollow">This codepen</a> should illustrate what I'm trying to do not (Not even watching the scope fires an event)</p>