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 vote244 views4 answers
Angular for loop
Javascript AngularJS
10 votes275 views2 answers
What does event emitter do in angular
Javascript AngularJS
0 vote277 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote272 views1 answer
Angular bind style value
Javascript AngularJS
0 vote279 views1 answer
Mouse wheel event angular for table
Javascript AngularJS
5 votes278 views1 answer
Update angular cli 10
Javascript AngularJS
0 vote272 views1 answer
My drop down link won't work with bootstrap angular
Javascript AngularJS
0 vote284 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS
6 votes318 views1 answer
Get value onChange from mat-select angular
Javascript AngularJS
0 vote271 views1 answer
Angular get name of component
Javascript AngularJS