docs(popover): add popoverHtml usage

Closes #5617
angular-ui · Mar 11, 2016 · 1714a38 · 1714a38
1 parent 66c416c
commit 1714a38
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/popover/docs/demo.html b/src/popover/docs/demo.html
@@ -43,4 +43,5 @@ <h4>Other</h4>
     <button popover-animation="true" uib-popover="I fade in and out!" type="button" class="btn btn-default">fading</button>
     <button uib-popover="I have a title!" popover-title="The title." type="button" class="btn btn-default">title</button>
     <button uib-popover="I am activated manually" popover-is-open="popoverIsOpen" ng-click="popoverIsOpen = !popoverIsOpen" type="button" class="btn btn-default">Toggle popover</button>
+    <button uib-popover-html="htmlPopover" class="btn btn-default">HTML Popover</button>
 </div>
diff --git a/src/popover/docs/demo.js b/src/popover/docs/demo.js
@@ -1,4 +1,4 @@
-angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', function ($scope) {
+angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', function ($scope, $sce) {
   $scope.dynamicPopover = {
     content: 'Hello, World!',
     templateUrl: 'myPopoverTemplate.html',
@@ -22,4 +22,6 @@ angular.module('ui.bootstrap.demo').controller('PopoverDemoCtrl', function ($sco
     ],
     selected: 'top'
   };
+
+  $scope.htmlPopover = $sce.trustAsHtml('<b style="color: red">I can</b> have <div class="label label-success">HTML</div> content');
 });