Angular replacing character from variable in template

Question

I'm new to Angular so it's probably something easy I'm struggling with.

Here's the JSON with the data:

[
     {
        "date"      : "2016-02-12T20:30:00",
        "duration"  : 60,
        "supervisor": {
            "name"           : "Anna",
            "surname"        : "Nowak",
            "supervision_fee": "140.00"
        }
    }
]

I'm feeding this into a select element like this:

<select name="meetingSelect" 
    ng-model="meeting.active" 
    ng-options="meeting.id as meeting.date|date:'dd.MM.yy' + ' '+ meeting.supervisor.name + ' '+meeting.supervisor.surname for meeting in scheduledMeetings" 
    ng-change="" class="form-control">
</select>

What I get however in my HTML code is the following: 12.02.16 AnnPM No6PMK

Seems that Angular must be escaping (?) some characters (like out of 'a' we get 'PM')...

Why is this happening and what to do about that?

Thanks!

Duncan · Accepted Answer · 2016-02-12 14:03:42Z

2

Your expression is being interpreted as:

meeting.date|date:(
   'dd.MM.yy' + ' '+ meeting.supervisor.name + ' '+meeting.supervisor.surname)

so:

meeting.date|date:'dd.MM.yy Anna Nowak'

which is a very strange format string for a date.

answered Feb 12, 2016 at 14:03

Duncan

96.4k15 gold badges129 silver badges160 bronze badges

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

Comments

martin · Accepted Answer · 2016-02-12 14:13:58Z

1

It thinks that the name you're printing is part of the date format. Try using parenthesis in ng-options.

ng-options="meeting.id as (meeting.date|date:'dd.MM.yy') + ' '+ meeting.supervisor.name + ' '+meeting.supervisor.surname for meeting in scheduledMeetings"

Your format was interpreted as meeting.date|date:'dd.MM.yy Anna Nowak' where some characters like a have special meaning.

edited Feb 12, 2016 at 14:13

answered Feb 12, 2016 at 14:03

martin

97.4k26 gold badges205 silver badges237 bronze badges

Collectives™ on Stack Overflow

Angular replacing character from variable in template

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related