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 vote218 views1 answer
Angularjs accordion access toggle
Javascript AngularJS
1 vote192 views1 answer
Angular validators number only in reactive form
Javascript AngularJS
4 votes207 views3 answers
Reload sub component angular
Javascript AngularJS
0 vote197 views1 answer
Create ew angular app
Javascript AngularJS
0 vote194 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
0 vote178 views1 answer
Angular data table push not working
Javascript AngularJS
0 vote177 views1 answer
Angular conditional tooltip
Javascript AngularJS
0 vote179 views1 answer
Angular2-tree-diagram
Javascript AngularJS
1 vote193 views1 answer
Condition in string interpolation angular
Javascript AngularJS
0 vote223 views1 answer
Angular get first element ngfor
Javascript AngularJS