title: How to fix this End of Expression error in the markup of my Directive?
body: <blockquote>
    <p>Error: $parse:ueoe
    Unexpected End of Expression</p>
  </blockquote>
  
  <p>Looking at Chrome, this is what I see in the console:
  <code>&lt;div ng-class="{" green-up":="" tgh.tag.direction="=" "positive",="" "red-down":="" "negative",="" ""="" :="" "stagnant"}"=""&gt;</code></p>
  
  <p><img src="https://i.stack.imgur.com/7HsYc.png" alt="enter image description here"></p>
  
  <p>Here is a link to <a href="https://gist.github.com/leongaban/14d5dd109e8c58322fe0" rel="nofollow noreferrer">the Gist</a> for an easier read.</p>
  
  <pre><code>template : 
      '&lt;div class="tags-hover-container" ng-show="tgh.tag.tagsHoverDisplay"&gt; ' +
          '&lt;div class="tag-info-padding"&gt; ' +
              '&lt;div class="tweets-direction" ng-hide="!tgh.tag.quantity"&gt; ' +
                  '&lt;div ng-hide="tgh.tag.length"&gt; ' +
                      '&lt;div ng-class="{"green-up": tgh.tag.direction == "positive", ' +
                                      '"red-down": tgh.tag.direction == "negative", ' +
                                      '""        : tgh.tag.direction == "stagnant"}"&gt; ' +
                      '&lt;/div&gt; ' +
                      '&lt;div class="tweet-percentage"&gt;{{tgh.tag.tweet_percentage}}%&lt;/div&gt; ' +
                  '&lt;/div&gt; ' +
                  '&lt;div class="tweet-count"&gt;{{tgh.tag.quantity}} tweets&lt;/div&gt; ' +
              '&lt;/div&gt; ' +
              '&lt;div class="tweets-direction" ng-show="!tgh.tag.quantity"&gt;0 tweets&lt;/div&gt; ' +
              '&lt;div class="associated-tags"&gt; ' +
                  '&lt;ul&gt; ' +
                      '&lt;li ng-repeat="ticker in tgh.tag.tickers"&gt; ' +
                          '&lt;div class="ticker" ng-click="tgh.selectTicker(ticker)"&gt;{{ticker}}&lt;/div&gt; ' +
                      '&lt;/li&gt; ' +
                  '&lt;/ul&gt; ' +
              '&lt;/div&gt; ' +
          '&lt;/div&gt; ' +
          '&lt;div class="trending-tags-container"&gt; ' +
              '&lt;div class="trending-tags" title="trending tags"&gt; ' +
                  '&lt;ul&gt;&lt;li ng-repeat="trend in tgh.tag.momentum_twitter_preview"&gt;{{trend}}&lt;/li&gt;&lt;/ul&gt; ' +
              '&lt;/div&gt; ' +
          '&lt;/div&gt; ' +
          '&lt;div class="tag-actions"&gt; ' +
              '&lt;div class="tag-action-padding"&gt; ' +
                  '&lt;div class="hide-tag" title="Coming soon"&gt; ' +
                      '&lt;div class="close-x-sml"&gt;&lt;/div&gt;Hide Tag ' +
                  '&lt;/div&gt; ' +
                  '&lt;div class="add-my-watchlist" ' +
                       'ng-hide="tgh.tag.favorite == 1 || faved" ' +
                       'ng-click="tgh.addFavorite(tag)" title="Add to Favorites"&gt; ' +
                       '+ My Favorites ' +
                  '&lt;/div&gt; ' +
                  '&lt;div class="add-my-watchlist" ' +
                       'ng-show="tgh.tag.favorite == 1 || faved" ' +
                       'ng-click="tgh.removeFavorite(tag)" title="Remove from Favorites"&gt; ' +
                       '- My Favorites ' +
                  '&lt;/div&gt; ' +
              '&lt;/div&gt; ' +
          '&lt;/div&gt; ' +
          '&lt;div class="tags-hover-bg"&gt;&lt;/div&gt; ' +
      '&lt;/div&gt;',
  restrict: "E",
  </code></pre>