Angular.js变量绑定

Question

I have simple angular web application and form on it. Form contains 2 <input> and 1 <p> elements. p value is angular template:

<p>{{status()}}</p>

$scope.status = function(){
    alert('p');
    return 'Some status';
}

When page loaded all displays normally i see alert and 'Some status' in my <p> . But I have a question. When i try to input something to the <input> , i see alert('p') again and again every time when i typing any symbol to the input ? Why?

Thank you.

Answer 1

I guess you have an input with ng-model. When your input is modified, the model is changed. After each change, angular runs the digest, which reevaluates all the expressions in the view (technically it processes the watch list). You should read about it in the Angular concepts in the Angular developer guide .

Answer 2

我认为您在输入上也有数据绑定，这就是为什么每次使用键输入更改某些内容时angular都会验证范围，并调用警报，因为angular必须执行该函数来检查返回的值是否仍然相同。