Создание угловой директивы с пользовательскими атрибутами и шаблоном

Question

У меня возникли проблемы с пользовательской директивой для отображения некоторых изображений вместо выпадающего списка. но теперь я застрял с отображением правильного html из моей функции шаблона. Написание пути изображения непосредственно в мой шаблон генерирует атрибуты для каждой части между косой чертой. Например:

'src="/path/to/image.jpg"' 

изменяется на

src=" path"="" to="" "image.jpg"="" 

я даже попытался Puth этих путей в моей модели, но это результат: https://plnkr.co/edit/EGm5nk?p=preview

я нашел рабочий пример, но не могу найти разницу : http://plnkr.co/edit/nQbrSi?p=info

мой дополнительный вопрос: как правильно адресовать список в моей директиве?

EDIT: Эта ошибка была настолько глупы и легко следить за

Answer 1

Вы просто пропустили закрыть класс внутри директивы. Изменение

var html = '<div class="foobar">'+ 
'     <div class="row"> '+ 
'      <div class="col-xs-3 ng-repeat="'+ attrs.ttOptions + '"><img ng-src="{{item.path}}" /></div> '+ 
'     </div> '+ 
'    </div>'; 
      return html; 

в

.....<div class="col-xs-3" ng-repeat="'+ attrs.ttOptions .....