$ rootScope: ошибка infdig со случайным числом в шаблоне

Question

Невозможно отобразить возвращаемое значение функции AngularJS на шаблоне страницы.

Я добавляю статическое отображение на мою страницу, включающее базовую генерацию случайных данных.Когда я делаю консольный журнал, он возвращает ожидаемое значение, но когда я добавляю ключевое слово return, у меня появляется такая ошибка.

Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!

Вот мой код.

//static seed data
generateRandomSortNumber() {
    //return Math.floor((Math.random()*6)+1);
    console.log(Math.floor((Math.random()*6)+1));
}

generateRandomQuestionType() {
    //return this.staticRandomQuestionType[Math.floor(Math.random()*this.staticRandomQuestionType.length)];
    console.log(this.staticRandomQuestionType[Math.floor(Math.random()*this.staticRandomQuestionType.length)]);
}

Часть шаблона:

 <td class="text-left">{{ $ctrl.generateRandomSortNumber() }}</td>
 <td class="text-left">{{ $ctrl.generateRandomQuestionType() }}</td>

Answer 1

Создайте переменную области и назначьте номер вместо вызова функции.

this.randomNo = Math.floor((Math.random()*6)+1);

html

<td class="text-left">{{ $ctrl.randomNo  }}</td>