角キーストップイベントが毎回表示される

Question

私は基本的な角型のアプリケーションを持っていますが、奇妙なことは、ユーザーがメッセージを入力するたびにビューが再読み込みされるように見えるということです。

なぜ私はqualitaterによってトラックを使用しているので、これが起こるのかわかりません。すべてのヘルプは

var mainApp = angular.module("ChatApp", []); 
 

 
mainApp.controller('ChatController', ['$scope', function($scope) { 
 

 
    $scope.linkify = function(inputText) { 
 

 
    console.log("INPUT TYPE " + inputText); 
 
    } 
 

 

 
}]);

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
 

 

 
<div id="main-window" class="main-content" style="padding-top:50px;"> 
 

 
    <div ng-app="ChatApp" ng-controller="ChatController"> 
 

 
    <div id="chatmcontainer" class="container-fluid"> 
 

 
     <ul id="chatbox" class="chat"> 
 
     <li ng-repeat="n in [41, 42, 43, 44] track by $index"> 
 
      <p> 
 
      {{linkify(n)}} 
 
      </p> 
 
     </li> 
 
     </ul> 
 

 
     <div class="col-md-offset-3 col-md-7 bg-white" style="padding-right:20px;"> 
 
     <div class="input-group"> 
 

 
      <input ng-keypress="count = count + 1" ng-init="count=0" ng-model-options="{ 
 
         updateOn: 'blur' 
 
        }"> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

を高く評価しているあなたは、一方向バインディングを使用するために

{{::linkify(n)}} 

を使用することができます。 関数を使用しているので、リストを再描画していると思います。私はより詳細な説明を見つけようとします。私はこの回答を編集します。