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

17 votes396 views2 answers
Angular random number between 1 and 10
Javascript AngularJS
16 votes372 views6 answers
Generate a component in angular
Javascript AngularJS
1 vote295 views4 answers
Angular 11 features
Javascript AngularJS
0 vote326 views1 answer
How to create a component in angular using terminal
Javascript AngularJS
2 votes332 views1 answer
Angular 8 how to iterate json object in view
Javascript AngularJS
7 votes332 views8 answers
Angular mouseenter
Javascript AngularJS
0 vote288 views1 answer
How to refresh page angular
Javascript AngularJS
3 votes260 views5 answers
Angular img
Javascript AngularJS
8 votes287 views3 answers
Angular deployment
Javascript AngularJS
0 vote329 views1 answer
Angular ngif object not null
Javascript AngularJS