title: add content to uib-tooltip-html
body: <p>Why does this work just fine: </p>
  
  <p>Controller:</p>
  
  <pre><code>$scope.getHtml = $sce.trustAsHtml("&lt;div&gt;Test&lt;/div&gt;");
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;div uib-tooltip-html="getHtml"&gt;Test&lt;/div&gt;
  </code></pre>
  
  <p>But the following doesn't work at all? ;-( </p>
  
  <p>Controller:</p>
  
  <pre><code>$scope.getHtml = function (){
          var textOutput = "&lt;div&gt;Text&lt;/div&gt;";
          return $sce.trustAsHtml(textOutput);        
      };
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;div uib-tooltip-html="getHtml()"&gt;Test&lt;/div&gt;
  </code></pre>
  
  <p>Error message is: angular.min.js:6 Uncaught Error: [$rootScope:infdig]</p>
  
  <hr>
  
  <p>Edit 1: Thank you, original problem solved. But now I have another question on this one. What if the <code>&lt;div&gt;</code> is within a ngRepeat and I want to give the function an item of ngRepeat as an argument? Like <code>&lt;div uib-tooltip-html="getHtml({{item}})"&gt;Test&lt;/div&gt;</code>
  ?</p>
  
  <hr>
  
  <p>Edit 2: Here is a more specific example of my problem. I want something like this to work:</p>
  
  <pre><code>&lt;tr ng-repeat="object in objectArray"&gt;
      &lt;td uib-tooltip-html="getHtml(object.value1)"&gt;{{object.value1}}&lt;td&gt;
      &lt;td uib-tooltip-html="getHtml(object.value2)"&gt;{{object.value2}}&lt;td&gt;
      &lt;td uib-tooltip-html="getHtml(object.value3)"&gt;{{object.value3}}&lt;td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>with</p>
  
  <pre><code>$scope.getHtml = function (value) {
      var textOutput = doSomethingWithObjectDataAndCreateHtmlFromIt(value);
      return $sce.trustAsHtml(textOutput);        
  }
  </code></pre>
  
  <p>But it doesn't work. When I use <code>uib-tooltip</code> instead of <code>uib-tooltip-html</code> I can see the tooltip with the correct html (unparsed) in it, but if I change it to <code>uib-tooltip-html</code> there's the error again. </p>