Cacher is the code snippet organizer for pro developers

//HTML:
<child on-change-val1="foo"></child>
//JS:
$scope.foo = function(var1) {
  console.log(var1);
}

//HTML: 
<input type=text" ng-model="val1" ng-change="changeVal1()">
//JS:
...
scope: {
   "onChangeVal1": "=",
}
...
$scope.changeVal1 = function() {
   if ($scope.onChangeVal1) {
        $scope.onChangeVal1($scope.val1);
  }
}