title: Angular: Error: [$parse:syntax] Syntax Error
body: <p>I want to create tooltips in an <code>ng-repeat</code> with <a href="https://github.com/720kb/angular-tooltips" rel="nofollow noreferrer">angular-tooltips</a>. The content of the tooltips has to be dynamically. What I already have is something like this:</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>&lt;div ng-repeat="region in regions"&gt;
      &lt;a tooltips tooltip-html="{{ myCtrl.generateTooltip(region) }}"&gt;HOVER&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Controller:</strong></p>
  
  <pre><code>function generateTooltip(region) {
      // generate some html here
      var content = "&lt;b&gt;HELLO WORLD!&lt;/b&gt;";
      return $sce.trustAsHtml( content );
  }
  </code></pre>
  
  <p>The tooltip is shown and working, but I get the following error in console (which I don't want to see :-)) </p>
  
  <pre><code> Error: [$parse:syntax] Syntax Error: Token '&lt;' not a primary
   expression at column 1 of the expression [&lt;b&gt;HELLO WORLD!&lt;/b&gt;]
   starting at [&lt;b&gt;HELLO WORLD!&lt;/b&gt;].
  </code></pre>
  
  <ol>
  <li>What is wrong with my code?</li>
  <li>Is it possible to use a view as the tooltip instead of generating the HTML in the controller? There is an attribute <code>tooltip-view</code>, but I don't know how to pass my <code>region</code> variable to it.</li>
  </ol>