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

2 votes276 views2 answers
Lodash angular 9
Javascript AngularJS
7 votes272 views1 answer
Angular ng serve with custom port
Javascript AngularJS
0 vote278 views1 answer
Send data with emit angular
Javascript AngularJS
0 vote307 views1 answer
Angular material datepicker range get value
Javascript AngularJS
-1 vote264 views1 answer
Angular how to navigate back
Javascript AngularJS
0 vote285 views1 answer
Angular rellax
Javascript AngularJS
2 votes270 views1 answer
Moment use in angular
Javascript AngularJS
12 votes245 views5 answers
Update angular 10
Javascript AngularJS
0 vote271 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote252 views1 answer
Angular bootstrap path
Javascript AngularJS