Angular pass callback function to child component as @Input similar to AngularJS way

by

I think that is a bad solution. If you want to pass a Function into component with @Input(), @Output() decorator is what you are looking for.

export class SuggestionMenuComponent {
    @Output() onSuggest: EventEmitter<any> = new EventEmitter();

    suggestionWasClicked(clickedEntry: SomeModel): void {
        this.onSuggest.emit([clickedEntry, this.query]);
    }
}

<suggestion-menu (onSuggest)="insertSuggestion($event[0],$event[1])">
</suggestion-menu>

More Related Contents:

  1. Unable to resolve dependency tree error when installing npm packages
  2. Running Angular and AngularJS frameworks side by side
  3. What is the Angular equivalent to an AngularJS $watch?
  4. AngularJS vs Angular [closed]
  5. How can I define my controller using TypeScript?
  6. How can I check which version of Angular I’m using?
  7. How does Angular 2 change detection work?
  8. Typescript async/await doesnt update AngularJS view
  9. How to use owl-carousel in Angular2?
  10. How do I use $scope.$watch and $scope.$apply in AngularJS?
  11. Angular ng-repeat Error “Duplicates in a repeater are not allowed.”
  12. Joining data between paths based on id using AngularFire
  13. Prevent double curly brace notation from displaying momentarily before angular.js compiles/interpolates document
  14. How to disable animations in protractor for angular js application
  15. How to get query parameters from URL in Angular 5?
  16. How come Angular doesn’t update with scope here?
  17. Can I make a function available in every controller in angular?
  18. How to inject service into class (not component)
  19. AngularJS not detecting Access-Control-Allow-Origin header?
  20. Setting dynamic scope variables in AngularJs – scope.
  21. ngRoute set base url for all routes
  22. Generate dynamic css based on variables angular
  23. How to bind 2 models to one input field in Angular?
  24. Error: [$resource:badcfg] Error in resource configuration. Expected response to contain an array but got an object?
  25. AngularJS Upgrade (1.5 to 1.6,1.7) Makes directive scope bindings undefined
  26. Subscribing to a nested Observable
  27. How to return value inside subscribe Angular 4
  28. AngularJS – Why use “Controller as vm”?
  29. Why is ES7/array polyfill needed despite the tsconfig target is set to ES5
  30. Firestore how to get the collection value from another collection document id is referenced

Leave a Comment