angularjs - Update current model value while using bindings -
new angular, hope asking question correctly.
(angular 1.5 , using components)
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: '&' } i want make input search string cleared (searchnamevalue = '';) when onrefreshnames executed. executed in parent , searchnamevalue in child.
how can that?
you can combine statements 1 expression:
<button ng-click="$ctrl.onrefreshnames(); searchnamevalue = '';"></button> but in case makes sense move them both function in component controller:
<input ng-model="$ctrl.searchnamevalue"> <button ng-click="$ctrl.onrefresh()"></button> where in controller
this.onrefresh = function() { this.onrefreshnames() this.searchnamevalue = '' } in case, note in parent view should
<names on-refresh-names="$ctrl.reloadnames()"></names>
Comments
Post a Comment