Как определить, из-за чего дважды вызывается функция в контроллере?

Question

[Максим Иванов]

У меня есть контроллер:

<div ng-controller="Main">
<widget autoupdate="true" exec="myconsole"/>
<widget />
<widget />
<widget />
<widget />
<widge/>

</div>

function Main($scope){
$scope.myconsole = function(val) {
console.log(val);
}


}

Создаем компонент - виджет

const widgetsComponent = {

   bindings: {
	
	   'autoupdate': '@',
	   'exec': '=', 
    },

    template: require('./view/blocks/widgets.html'),
};

Код виджета

<div>
 {{ $ctrl.autoupdate ? $ctrl.exec(1) : 0  }}

..
</div>

В итоге:


Я к тому, что если прописать для компонентов 2 раза exec, тогда он выполнится еще больше, почему?

<div ng-controller="Main">
<widget autoupdate="true" exec="myconsole"/>
<widget />
<widget />
<widget />
<widget autoupdate="true" exec="myconsole"/>

</div>

Comments

[Mikhail Osher]

Нужен код widget'a

[Максим Иванов]

{{ $ctrl.autoupdate ? $ctrl.exec(1) : 0 }}

..

[Максим Иванов]

это код виджета

Answer 1

[_ _]

Потому что {{ $ctrl.autoupdate ? $ctrl.exec(1) : 0 }} будет выполняться на каждый чих $digest-цикла.

Comments

[Максим Иванов]

и что делать?

[_ _]

Максим Иванов: не до конца пока понимаю, какое поведение ожидается

Answer 2

[Михаил]

<widget autoupdate="true" exec="myconsole"/>
...
<widget autoupdate="true" exec="myconsole"/>

Comments

[Максим Иванов]

Я к тому, что если прописать для трех компонентов 3 раза exec, тогда он выполнится еще больше, почему?

[Михаил]

Максим Иванов: вы просите вызвать функцию myconsole в виджете. Если вам это не надо, то просто уберите вызов.