使用绑定时更新当前模型值

Question

角色新手，所以我希望我能正确地提出这个问题。

（Angular 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: '&' }

我想在执行onRefreshNames时使用要清除的搜索字符串（searchNameValue = '';）进行输入。但是它在父级中执行，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>