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

-1 vote342 views1 answer
Angular how to navigate back
Javascript AngularJS
0 vote350 views1 answer
Angular store select method
Javascript AngularJS
20 votes383 views2 answers
Responsive grid system angular
Javascript AngularJS
0 vote382 views1 answer
Aos library slow animation angular
Javascript AngularJS
0 vote334 views1 answer
Angular append to FormControl errors
Javascript AngularJS
0 vote339 views1 answer
Angular loop through key values in map
Javascript AngularJS
3 votes330 views1 answer
Send event to child component angular
Javascript AngularJS
3 votes363 views1 answer
Install ionic @angular/fire
Javascript AngularJS
0 vote333 views1 answer
Angular 11 how to use skipLocationChange
Javascript AngularJS
0 vote366 views1 answer
How to use edit and delete button in angular table in each row
Javascript AngularJS