angular ninput alway recibe . in place of , code example
Example 1: output event angular
@Component({...})
export class CounterComponent {
@Input()
count: number = 0;
@Output()
change: EventEmitter<number> = new EventEmitter<number>();
increment() {
this.count++;
this.change.emit(this.count);
}
decrement() {
this.count--;
this.change.emit(this.count);
}
// in parent component
//(change)="countChange($event)">
}
Example 2: input property angular
//passing properties to child elements
<app-slider [title]="'This is a title'"> </app-slider>
//inside the component slider i add just before the constructor :
.
.
@input() title: string;
constructor(){
}
//after this we can use these new property inside the .html file of the component
<div id='slider' class='slider-big'>
<h1> {{title}}</h1>
</div>