title: Adding HTML content to angular material $mdDialog
body: <p>I have written the following piece of code to display some contents in angular material dialog box. it works fine when i add plain text to <strong><em>textContent</em></strong> . when i add HTML its displays HTML as text. how do i bind HTML to <strong><em>textContent</em></strong></p>
  
  <p><strong>This Works</strong></p>
  
  <pre><code>  &lt;a href="#" ng-click="$scope.Modal()"&gt;Sample Link&lt;/a&gt;
  
    $scope.Modal = function () {
        $mdDialog.show(
            $mdDialog.alert()
                .parent(angular.element(document.querySelector('body')))
                .clickOutsideToClose(true)
                .textContent('sample text')
                .ok('Ok')
        );      
    }
  </code></pre>
  
  <p><strong>This Doesn't Works</strong></p>
  
  <pre><code>  &lt;a href="#" ng-click="$scope.Modal()"&gt;Sample Link&lt;/a&gt;
  
    $scope.Modal = function () {
        $mdDialog.show(
            $mdDialog.alert()
                .parent(angular.element(document.querySelector('body')))
                .clickOutsideToClose(true)
                .textContent('&lt;div class="test"&gt;&lt;p&gt;Sample text&lt;/p&gt;&lt;/div&gt;')
                .ok('Ok')
        );
    }
  </code></pre>
  
  <p>Thanks in advance</p>