Использование функции угловой модели в качестве параметра функции

Question

В этом коде ниже мне нравится делать длину моего меню динамической с привязкой к угловым данным, нажимая ее на вход и получая в реальном времени.

<div ng-app="myApp" ng-controller="namesCtrl"> 

<p>Number of characters : <input type="number" ng-model="nmba" ></p> 
    <ul> 
     <li ng-repeat="x in chars track by $index"> 
      {{ x}} 
     </li> 
    </ul> 
</div> 

<script> 
angular.module('myApp', []).controller('namesCtrl', function($scope) { 

function printCharacters(param) { 
    var result = []; 
    for (i = 1; i <= param; i++) { 
    result.push('a'); 
} 
return result; 
} 
$scope.chars = printCharacters($scope.nmba); 
}); 
</script> 

Так я написал выше, но она ничего не отображается. Я что-то упускаю ?

Благодарим за помощь.

Answer 1

Это becuse printCharacters называется только на контроллер инициализации и на данный момент $scope.nmba =""

Вы должны вызвать эту FUNC на любом изменении в поле ввода.

<input type="number" ng-model="nmba" ng-change="printCharacters(nmba)"> 

Кроме того, необходимо выставить printCharacters до $ объема

$scope.printCharacters = function(nbma){}