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 vote449 views1 answer
Create an array of numbers by numbers range in angular
Javascript AngularJS
0 vote332 views1 answer
Angular turn text into input
Javascript AngularJS
7 votes309 views4 answers
Refresh current component angular
Javascript AngularJS
8 votes333 views2 answers
Update formgroup value angular
Javascript AngularJS
-1 vote365 views2 answers
How to navigate to previous page in angular
Javascript AngularJS
1 vote327 views1 answer
Angular find value in json array
Javascript AngularJS
0 vote295 views1 answer
Angular observer if not length
Javascript AngularJS
0 vote326 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
0 vote311 views1 answer
Open bytes in new tab angular
Javascript AngularJS
1 vote311 views2 answers
How to convert utc time to local time angular
Javascript AngularJS