title: how to pass angularjs directive innerText to template?
body: <p>how to pass angularjs directive innerText to template?</p>
  
  <p>screenshoot:
  <a href="https://i.stack.imgur.com/v32xH.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v32xH.jpg" alt="enter image description here"></a></p>
  
  <p>Html code is here:</p>
  
  <pre><code>&lt;div class="carBox"&gt;
    &lt;img ng-src="img/{{Id}}.png" width="128" height="128" /&gt;
    &lt;br /&gt;
    &lt;br /&gt;
    &lt;h4&gt;{{Name}}&lt;/h4&gt;
    &lt;div&gt;&lt;small&gt;{{Country}}&lt;/small&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;carbox ng-repeat="car in cars track by car.Id" ng-model="car"&gt;&lt;a href="#"&gt;Go to Web Site&lt;/a&gt;&lt;/carbox&gt;
  </code></pre>
  
  <p>Javascript code is here:</p>
  
  <pre><code>        app.directive('carbox', function ($log) {
          return {
              restrict: 'EA',
              scope: {
                  model: '=ngModel'
              },
              templateUrl: 'carBox.html',
              link: function (scope, element, attr, ngModel) {
  
                  $log.debug(scope.model);
                  scope.Id = scope.model.Id;
                  scope.Name = scope.model.Name;
                  scope.Country = scope.model.Country;
              }
          };
      });
  </code></pre>