2016-02-12 63 views
1

我是Angular的新手,所以它可能是一件容易的事,我正在努力。從模板中的變量角度替換字符

下面是與數據的JSON:

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

我送入一個select元素像這樣的:

<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> 

我在我的HTML代碼然而得到的是以下幾點: 12.02.16 AnnPM No6PMK

似乎Angular必須逃避(?)一些字符(比如出'a'我們'PM')...

爲什麼會發生這種情況,該怎麼辦?

謝謝!

回答

1

它認爲您打印的名稱是日期格式的一部分。嘗試使用括號ng-options

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

您的格式被解讀爲meeting.date|date:'dd.MM.yy Anna Nowak'其中類似a一些字符有special meaning

2

你的表達被解釋爲:

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

這樣:

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

這是一個日期很奇怪的格式字符串。