title: Angular show element based on height
body: <p>Currently I have a paragraph that gets shortened/lengthened based on the max height. I was wondering if there was a way that I could show/hide the anchor element if the height is over a certain amount.
  Essentially  I only want to show the "more..." if it's needed.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$scope.hidden = true;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    .__Description {
      overflow: hidden;
      word-wrap: break-word;
      text-overflow: ellipsis;
      }
      .less {
        max-height: 160px;
   
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="__Description"&gt;
       &lt;div class="__contents" ng-class="{less: hidden}"&gt;
        &lt;div data-ng-bind-html="program.Description"&gt;&lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
      &lt;a ng-click="hidden = !hidden"&gt;{{hidden? 'More...' : 'Less...'}}&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>