title: How to render html on ui modal (bootstrap)
body: <p>i have a modal ui (bootstrap for angular), calls by a popupService, i want passing an html code to my popupService.open methode.
  The result isn't what i expect, only some values are html formated but my button isn't render...</p>
  
  <pre><code>&lt;b&gt;hello&lt;/b&gt; &lt;button class="btn btn-green" ng-click="$close(null)"&gt;Close&lt;/button&gt;
  </code></pre>
  
  <p>It should be  green but i have only the text...</p>
  
  <p>My code :</p>
  
  <p><strong>popupService.js</strong></p>
  
  <pre><code>appServices.service('popupService', [ '$modal','$sanitize',
      function($modal, $sanitize, $scope) {
  
          this.open = function(title, message, size, footer){
             $modal.open({
                templateUrl: 'view/component/popup.html',
                size: size,
                scope : $scope, 
                transclude : true,
                controller : function($scope){
                  $scope.title = title;
                  $scope.templatemessage = message;
                  $scope.templatefooter = footer;
                }
             });
          }
      }
  
  ]);
  </code></pre>
  
  <p><strong>popup.html</strong></p>
  
  <pre><code>&lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="$close(null)"&gt;&amp;times;&lt;/button&gt;
      &lt;h3 class="modal-title"&gt;{{title}}&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="modal-body" modal-transclude ng-bind-html="templatemessage"&gt;
  &lt;/div&gt;
  &lt;div class="modal-footer" ng-bind-html="templatefooter"&gt;
    &lt;div ng-include="view/partial/test.html"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>app.js in my app controller</strong></p>
  
  <pre><code>$scope.$watch('error', function() {
          //check the error value for load the message by code in current language
          console.log('error : '+ $scope.error);
          if($scope.error != null &amp;&amp; $scope.error &gt; 0){
              //display error in popup
              $scope.errorMessage = errorService.GetMessageByCode($scope.error);
  
              popupService.open($scope.Translate.error, $scope.errorMessage, 'sm', '&lt;b&gt;hello&lt;/b&gt; &lt;button class="btn btn-green" ng-click="$close(null)"&gt;Close&lt;/button&gt;')
  
              $scope.error = null;
          }
  
      });
  </code></pre>
  
  <p>how to fix this ?</p>