Я определил функцию в области. И когда я вызываю это из представления внутри {{}}, он выполняет X раз.
контроллер
function testCtrl($scope) {
$scope.myFunc = function(name) {
return "Hello " + name;
}
}
HTML
<div>{{myFunc('Joe')}}</div>
Вы можете увидеть это в этом примере: http://jsfiddle.net/rbRvD/2/
Или с помощью Plunker: http://plnkr.co/edit/LLQ7cKs2fEoBwv0C5XPE
Я предполагаю, что это сделано не так, но почему это выполняется так много раз?
Ваша функция запускается 10 раз. Почему 10? Почему не 100?
Ответ находится в документах:
Наблюдатель может изменить модель, которая может вызвать другие слушателей стрелять. Это достигается путем повторного наблюдения наблюдателей, пока нет изменения обнаружены. Лимит повторной итерации - 10, чтобы предотвратить бесконечный цикл тупика.
Когда вы это видите, это означает, что вы меняете модель таким образом, что Angular должен перезапустить дайджест и снова запустить часы. В вашем конкретном случае вы вызываете функцию, которая обновляет счетчик, который отображается на странице. Когда значение счетчика изменяется, он снова запускает дайджест, который вызывает функцию, которая обновляет счетчик и т.д. И т.д.
Angular ожидает, что вы (и действительно побуждаете вас) изменить модель и позволить виду реагировать на эти изменения, а не наоборот.
Это ожидаемое поведение. Выражения Angular ({{expression}}) пересматриваются в каждом цикле $digest (иногда несколько раз за цикл). Это означает, что выражения должны оставаться светлыми в вычислительных терминах.
В этом случае оценка выражения не должна приводить к вызову AJAX или какой-либо другой интенсивной или асинхронной операции, или если это необходимо, чем вы должны кэшировать результаты.
AngularJs не предлагает вам изменять модель области при рендеринге. Если вы хотите изменить модель области действия, сделайте это в Контроллере или Директиве.
Думайте о представлении как месте для отображения данных (только значений области в этом случае), все изменения данных должны быть в контроллере или директиве.