$ rootScope：模板中出现随机数错误

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>