title: Set ng-model and class property inside a directive template
body: <p>I am trying to create a simple directive to make my html page abit slimmer. I want to pass down properties to the directive template and set properties. </p>
  
  <p>The problem is when i am trying to pass a string and set the ng-model property and class property in the template. All the other properties i pass down work fine its just the class and ng-model property that doesnt work.
  How can i set the ng-model and class property in my template by just passing down a string to them?</p>
  
  <p><strong>controller:</strong></p>
  
  <pre><code>angular.module('app.sst').directive('inputDirective', function () {
  return {
      scope: {
          colWidth: '@',
          label: '@',
          type: '@',
          name: '@',
          ngModel: '='
      },
    templateUrl: 'components/blocks/directives/inputTemplate.html',
  };
  });
  </code></pre>
  
  <p><strong>directive template:</strong></p>
  
  <pre><code>&lt;div class="{{colWidth}}"&gt;
      &lt;label&gt;{{label}}&lt;/label&gt;
      &lt;div class="field"&gt;
         &lt;input  type="{{type}}" 
                 name="{{name}}" 
                 ng-model="ngModel"
                 class="form-control inputText" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>index:</strong></p>
  
  <pre><code>&lt;div input-directive 
               colWidth="col-md-4" 
               label="Proceded by" 
               type="text" 
               name="procededBy" 
               ng-model="vm.SSTItem.procededBy"&gt;
  &lt;/div&gt;
  </code></pre>