Input value is not working inside a modal

Question

I want to put a value inside an input.

this is what I did:

<input [value]="example" [(ngModel)]="phaseToUpdate.phaseName" type='text' >

and usually it's working but I think it is not working right now because this input is inside a modal.

any suggestions what do to ?

is your modal template inside component class ?? If not that is the reason as your component variable is not accessible outside... — Pratik Kelwalkar, Aug 28 '19 at 06:34

score 1 · Accepted Answer · answered Aug 28 '19 at 06:28

1

Just bind using the two way data binding

<input type="text" id="example" [(ngModel)]="example">
    <span class="e">{{example}}</span>

answered Aug 28 '19 at 06:28

Ram

well i'm using the ngModel for catching the value the user enters the input so my input basiclly looks like that: – Bar Levin Aug 28 '19 at 06:31
i think you need to go through this link, https://stackoverflow.com/questions/42699705/ngmodel-vs-value – Ram Aug 28 '19 at 06:43
you cant have both value and ngmodel on the same element, if you have, ngmodel would overwrite that – Ram Aug 28 '19 at 06:44

score 0 · Answer 2 · answered Aug 28 '19 at 06:28

0

You can use like below, it will

<input matInput [(ngModel)]="name" placeholder="What's your name?">

answered Aug 28 '19 at 06:28

pk_teckie

2 Answers2