Ngmodel

Ngmodel angular

Template:
<input [(ngModel)]="name">
    <p>Value:{{ name }}</p>

export class BasicNgModel {
  name: string = '';
}

Source: angular.io

Ngmodel component angular

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

@Component({
  selector: 'app-input',
  template: `  <input type="text" [(ngModel)]="inputModel" (ngModelChange)="inputModelChange.emit(inputModel)"/>`,
  styleUrls: ['./app-input.component.scss']
})
export class AppInputComponent {
  @Input() inputModel: string;
  @Output() inputModelChange = new EventEmitter<string>();
}

Source: stackoverflow.com

Similar codes

0 vote309 views1 answer
Calling angular component method in service
Javascript AngularJS
1 vote289 views2 answers
Get input value angular
Javascript AngularJS
1 vote301 views1 answer
Angular elementref
Javascript AngularJS
0 vote293 views1 answer
Angular empty object
Javascript AngularJS
0 vote276 views1 answer
Reuse jquery angular
Javascript AngularJS
0 vote311 views1 answer
Angular cannot access event.target.value of input element using $event
Javascript AngularJS
3 votes233 views1 answer
Angular list contains property
Javascript AngularJS
1 vote291 views4 answers
Angular 9 features
Javascript AngularJS
1 vote270 views1 answer
Onchange event angular select
Javascript AngularJS
2 votes297 views2 answers
Get month angular with 0
Javascript AngularJS