아이콘이있는 각도 지시문 및 dhtmlxcalendar

Question

FCKTAG를 INPUT으로 변환하고 dhtmlxcalendar를 첨부합니다. 그것은 작동합니다. 지시어도 제대로 작동합니다. 내가 각도 지침에서

<span><img id="calendar_icon" src="path.gif" border="0"></span> 

에 삽입해야합니다 나는 그것은 오류의

template: '<input type="text" ng-model="g" ></input>' + 
'<span><img src="http://clans.worldoftanks.ru/media/' + 
'clans/emblems/cl_582/2582/emblem_24x24.png" border="0"></span>', 

을 넣어 : 는하지만 아이콘 Initialization of dhtmlxCalendar Doc

Initialization of dhtmlxCalendar Doc과 입력에 달력을 첨부해야합니다. 하나의 루트 태그가 필요합니다. 나는 DIV를 선택한다 :

template: '<div>' + 
    '<input type="text" ng-model="g" ></input>' + 
    <span><img src="http://clans.worldoftanks.ru/media/' + 
    'clans/emblems/cl_582/2582/emblem_24x24.png" border="0"></span>' + 
'</div>', 

Annnd ... 달력이로드되지 않는다. 나는 왜 그것이 있는지 전혀 모른다. 귀하의 링크 기능에서

plunker with an icon DOESN'T WORK

Answer 1

plunker without an icon

당신이 요소를 사용하여 입력 요소를 얻을 수 있습니다 [0]. 일단 div 태그에 모든 내용을 래핑하면 더 이상 요소 [0]이 아닙니다. 다음 코드를 대체하는 중입니다.

var input = element.find('input')[0]; 
if (myCalendar == null) { 
    myCalendar = new dhtmlXCalendarObject(input); 
} else { 
    myCalendar.attachObj({input:input, button: input}); 
} 

updated plunker