title: Directives enclosing scope Angular
body: <p>Having trouble binding my directive to a model in the controller enclosing it. The value for <code>ng-model</code> is not being put in the directive.  The value of the model remains the variable name "val" once rendered.  </p>
  
  <pre><code>template:
    '&lt;div ng-model="value" id="{{textareaId}}" style="resize:vertical;height:{{textareaHeight || \'80px\'}}; overflow:auto" contentEditable="true" class="{{textareaClass}} wysiwyg-textarea" rows="{{textareaRows}}" name="{{textareaName}}" required="{{textareaRequired}}" placeholder="{{textareaPlaceholder}}"&gt;&lt;/div&gt;' +
    '&lt;/div&gt;',
  restrict: 'E',
  scope:{
    value: '=ngModel',
    textareaHeight: '@textareaHeight',
    textareaName: '@textareaName',
    textareaPlaceholder: '@textareaPlaceholder',
    textareaClass: '@textareaClass',
    textareaRequired: '@textareaRequired',
    textareaId: '@textareaId',
  },
  </code></pre>
  
  <p>How do I bind in this circumstance. </p>