Обновить текущее значение модели при использовании привязок

Question

Новое для углового, поэтому я надеюсь, что задаю этот вопрос правильно.

(Угловое 1.5 и с использованием компонентов)

Parent.html:

<names on-refresh-names='$ctrl.reloadNames'></names> 

Parent.js

this.reloadNames = function() { 
... 
} 

Names.html

<input ng-model="searchNameValue"> 
<button ng-click='$ctrl.onRefreshNames()'></button> 

Names.js ...

component.bindings = { onRefreshNames: '&' } 

Я хочу, чтобы сделать вход с поисковой строкой будет очищено (searchNameValue = '';), когда onRefreshNames выполняется. Но он выполняется в родительском, а searchNameValue - в дочернем.

Как я могу это сделать?

Answer 1

Вы можете объединить заявления в одно выражение:

<button ng-click="$ctrl.onRefreshNames(); searchNameValue = '';"></button> 

Но в данном случае это имеет смысл, чтобы переместить их обоих в функцию в контроллере компонента:

<input ng-model="$ctrl.searchNameValue"> 
<button ng-click="$ctrl.onRefresh()"></button> 

где контроллер

this.onRefresh = function() { 
    this.onRefreshNames() 
    this.searchNameValue = '' 
} 

В любом случае обратите внимание, что в исходном виде это должно быть

<names on-refresh-names="$ctrl.reloadNames()"></names>