angular 5 not displaying an array

Question

I've got a form, and Im adding items to an array - I want to display that array on the form below where the items are added, so the user has feedback...

If I display the full form value, I see the array just fine, however if I try to display ONLY the array, nothing shows up - and no errors.

so

{{ form.value | json }}

gives me this:

{
    myArray: ["some value","another value"]
}

and if I try to do this:

{{ form.myArray }} or {{ form.myArray.value }}

I get nothing...

Any help is appreciated

Excellent answers - thanks - however

{{ form.value.myArray }}

Only gives me the first element, I want the whole array (as a list), what might I be doing wrong now.

form.value[myArray][0] try this way

Chellappan வ
– Chellappan வ

2018-07-06 04:04:36 +00:00
Commented Jul 6, 2018 at 4:04 — Chellappan வ
– Chellappan வ, Commented Jul 6, 2018 at 4:04

Sajeetharan · Accepted Answer · 2018-07-06 04:04:17Z

3

You need to use

{{ form.value.myArray }}

and if you need the first element,

{{ form.value.myArray[0] }}

answered Jul 6, 2018 at 4:04

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

j-p Over a year ago

Excellent answers - thanks - however {{ form.value.myArray }} Only gives me the first element, I want the whole array (as a list), what might I be doing wrong now.

Chellappan வ Over a year ago

then you need to loop

Chellappan வ · Accepted Answer · 2018-07-06 04:06:04Z

1

You can change your code to

{{form.value[myArray][0]}} //to access first element in array

answered Jul 6, 2018 at 4:06

Chellappan வ

27.9k4 gold badges39 silver badges69 bronze badges

Comments

Akj · Accepted Answer · 2018-07-06 04:48:18Z

0

You can use :

<div *ngFor = "let elm of form.value.myArray">
{{elm}}
</div>

Or to diaplay all use:

{{form.value.myArray}}

answered Jul 6, 2018 at 4:48

Akj

7,2513 gold badges31 silver badges41 bronze badges

Collectives™ on Stack Overflow

angular 5 not displaying an array

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related