Animal Noise

Angular Expressions Public



Consider the following component, which can be used to model an animal and the noise it makes.

import {Component, Input, Output} from '@angular/core';

  selector: 'animal-noise',
  template: `
    <button (click)="makeNoise()">Make noise</button>
export class AnimalNoise {
  @Input('animal') animal: string;
  @Input('noise') noise: string;

  makeNoise() {

Select all the statements about the AnimalNoise component that are correct.

Component, Input and Output are all required imports for this component.
Both animal and noise inputs must be provided when including the AnimalNoise component in a template.
The 'animal' parameter of the @Input('animal') declaration does not alter the interface of the component.
When included in a components template, the AnimalNoise component creates a span containing the interpolated animals name and a button bound to makeNoise().
The AnimalNoise component can be included in another template using the <AnimalNoise> tag.