title: Twitter Like Character counter - fixed count for links
body: <p>I have a Social Media Product from which I can tweet. 
  The javascript counter I use works as follows.</p>
  
  <pre><code>angular.module('starter.message-controller', [])
      .controller('MessageController', function($scope, $rootScope) {
          'use strict';
  
          var _this = this || {};
          var local = $scope.messageCtrl;
  
          local.remainingCount = 0;
          local.remainingCountClass = '';
  
          local.countRemaining = function() {
              var style, 
                  c = (_this.description_value ? _this.description_value.length : 0),
                  h = (_.isEmpty(_this.hashtags_value) ? 0 : _this.hashtags_value.length + 1);
  
              c = c + h;
              style = 'label';
  
              if ((c &gt; 0) &amp;&amp; (c &lt;= 60)) {
                  style = 'label label-success';
              } else if ((c &gt; 60) &amp;&amp; (c &lt;= 100)) {
                  style = 'label label-warning';
              } else if (c &gt; 100) {
                  style = 'label label-important';
              }
  
              local.remainingCount = c;
              local.remainingCountClass = style;
          };
  
          _this.updateMessageView = function(e, desc, hash) {
              angular.element(description).val(desc);
  
              if (window.hashtags) {          
                  angular.element(hashtags).val(hash);
              }
  
              local.countRemaining();
          };
  
          $rootScope.$on('updateMessageView', _this.updateMessageView);
  
      });
  </code></pre>
  
  <p>The problem I have is when I add a link. 
  It will count the real character count and not the 22 characters that twitter sets it too. </p>
  
  <p>Is there a way how I can make it recognize a link and give it a value of 22 characters. </p>