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 vote209 views1 answer
Mixed line chart for angular or react
Javascript AngularJS
0 vote95 views1 answer
Host angular app on node server
Javascript AngularJS
0 vote103 views1 answer
Documentation tool for angular applications
Javascript AngularJS
9 votes114 views2 answers
Material icons angular
Javascript AngularJS
2 votes118 views1 answer
What is the use of angularjs
Javascript AngularJS
0 vote106 views1 answer
Datatable shows No data available in table in angular
Javascript AngularJS
0 vote99 views1 answer
What is the difference between angular changedetection default and onpush stratergy
Javascript AngularJS
0 vote100 views1 answer
Angular get name of component
Javascript AngularJS
0 vote99 views1 answer
Angular ng class with animation
Javascript AngularJS
0 vote100 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS