Winkel Tastendruck Ereignis jedes Mal anzeigen

Question

Ich habe eine grundlegende eckige App unten, aber die seltsame Sache ist, dass jedes Mal, wenn ein Benutzer eine Nachricht eingibt die Ansicht scheint neu geladen werden.

Ich bin nicht sicher, warum dies passieren kann, da ich den Titel von Qualitater benutze. Jede Hilfe ist

geschätzt

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

Sie

verwenden können

{{::linkify(n)}} 

um Bindung eine Art und Weise zu nutzen. Ich denke, dass es die Liste neu zeichnet, weil Sie eine Funktion verwenden. Ich werde versuchen, eine ausführlichere Erklärung zu finden, und ich werde diese Antwort bearbeiten.