title: How to pass the value selected from dropdown in contextscope in Angularjs?
body: <p>I have a dropdown </p>
  
  <pre><code>$scope.animals = [
        {value:'lion', name:'lion', description: 'lion'}, 
        {value:'cat', name:'cat', description: 'cat'}, 
        {value:'dog', name:'dog', description: 'dog'}, 
      ];
  </code></pre>
  
  <p>and I want to pass the value selected from dropdown as contextscope to another directive. e.g</p>
  
  <pre><code>&lt;md-select ng-model="context"&gt;
      &lt;md-option ng-repeat="animal in animals" value="{{animal.value}}"  aria-label="{{animal.name}}"&gt;{{animal.name}}&lt;/md-option&gt;
  &lt;/md-select&gt;
  &lt;div described-type flex="70" contextscope="context"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>In described-type directive I am adding description</p>
  
  <pre><code>&lt;input ng-model="context.description" name="context.description"&gt;
  </code></pre>
  
  <p>I am getting the following error:
   " Cannot create property 'description' on string 'lion' "</p>
  
  <p>The format of JSON I want is </p>
  
  <pre><code>"lion" : {
             "description": "wild animal"
           }
  </code></pre>
  
  <p>How can I resolve the error and create a JSON?</p>