Diamond shaped question mark character appears after when I use "limitTo" filter in AngularJS app
<p>I have an issue while loading comments (with emoji) via API.</p>

<pre><code>&lt;!doctype html&gt;
&lt;html ng-app="app"&gt;
&lt;head&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
   &lt;script src="./angular-1.2.15.js"&gt;&lt;/script&gt;
   &lt;!-- ... --&gt;
&lt;/head&gt;
&lt;body&gt;
   &lt;!-- ... --&gt;
   &lt;ul&gt;
      &lt;li ng-repeat="comment in comments"&gt;
         &lt;span ng-bind="comment.Author"&gt;&lt;/span&gt;
         &lt;span ng-bind="comment.Description"&gt;&lt;/span&gt;
      &lt;/li&gt;
   &lt;/ul&gt;
   &lt;!-- ... --&gt;
   &lt;script&gt;
      angular.module('app', []);
      // ...
   &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Before <code>limitTo</code> filter everything goes as expected:</p>

<pre><code>&lt;span&gt;John Doe&lt;/span&gt;
&lt;span&gt;Hey, how are you? ☺&lt;/span&gt;
</code></pre>

<p>But, when I try to apply <code>limitTo</code> filter, something goes wrong:</p>

<pre><code>&lt;span&gt;John Doe&lt;/span&gt;
&lt;span&gt;Hey, how are you? �&lt;/span&gt;
</code></pre>

<p>What am I doing wrong? Any ideas?</p>

<p>Here is the demo app:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var app = angular.module('myApp', []);

app.filter('range', function () {
  return function(input, total) {
    total = parseInt(total);

    for (var i=0; i&lt;total; i++) {
      input.push(i);
    }

    return input;
  };
});

app.controller('DemoController', ['$scope', function ($scope) {
   $scope.comment = {
      Author: "John Doe",
      Description: "Hey, how are you? ☺"
    };
  }]);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"&gt;&lt;/script&gt;
&lt;div ng-app="myApp"&gt;
  &lt;div ng-controller="DemoController"&gt;
    &lt;ul&gt;
      &lt;li ng-repeat="i in [] | range:78" ng-init="limit = 20+i"&gt;
        &lt;div ng-bind="comment.Author"&gt;&lt;/div&gt;
        &lt;span ng-bind="comment.Description | limitTo: limit"&gt;&lt;/span&gt; (&lt;span ng-bind="limit"&gt;&lt;/span&gt;)
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>