title: what is the use of innerHTml in scope angular .js?
body: <p>I make a pop up screen In angular.js ..I make this using google .But I have Question in that ..</p>
  
  <pre><code>&lt;div ng-controller="ModalDemoCtrl"&gt;
  
  
      &lt;div inner-html-bind="" inner-html="modal_html_template" class="hidden"&gt;
    &lt;/div&gt;
      &lt;/div&gt;
  
  app.directive('innerHtmlBind', function() {
      alert('inner')
      return {
          restrict: 'A',
  
          scope: {
              inner_html: '=innerHtml'
          },
          link: function(scope, element, attrs) {
              console.log(scope.inner_html);
              console.log(element);
              console.log(element.html());
              scope.inner_html = element.html();
              console.log(scope.inner_html);
  
          }
      }
  });
  </code></pre>
  
  <p>It used "innerHtmlBind" because it convert "-"and":" in camel case .. restrict: 'A',is attribute.I want to know want is this</p>
  
  <pre><code>scope: {
              inner_html: '=innerHtml'
          },
  </code></pre>
  
  <p>and where it is used ?I search whole code of JS ..it never used this ?</p>
  
  <p><strong>whole js code is this</strong></p>
  
  <pre><code>var app = angular.module('plunker', ['ui.bootstrap']);
  
  
  app.directive('innerHtmlBind', function() {
      alert('inner')
      return {
          restrict: 'A',
  
          scope: {
              inner_html: '=innerHtml'
          },
          link: function(scope, element, attrs) {
              console.log(scope.inner_html);
              console.log(element);
              console.log(element.html());
              scope.inner_html = element.html();
              console.log(scope.inner_html);
  
          }
      }
  });
  
  
  var ModalDemoCtrl = function($scope, $modal, $log) {
   alert('model')
      $scope.items = [];
  
      $scope.getId = function(item) {
          alert('ID: ' + item.id);
  
      };
  
      // This opens a Bootstrap modal
      $scope.open = function() {
          console.log('---------------------------');
          console.log($scope.modal_html_template);
          var modalInstance = $modal.open({
              template: $scope.modal_html_template,
              controller: ModalInstanceCtrl
          });
  
          modalInstance.result.then(function(newItem) {
              // On modal success
              alert('ok Button')
              newItem.id = $scope.items.length + 1;
  
              $scope.items.push(newItem);
  
          }, function() {
              // On modal cancelation
              alert('cancel')
          });
      }
  
  };
  
  
  // This is the modal controller
  var ModalInstanceCtrl = function($scope, $modalInstance) {
  
      $scope.name = '';
      $scope.content = '';
  
      $scope.ok = function() {
  
          var response = {
              'name': $scope.name,
              'content': $scope.content
          };
  
          $modalInstance.close(response);
  
      };
  
      $scope.cancel = function() {
          $modalInstance.dismiss('cancel');
      };
  };
  </code></pre>