Erstellen einer eckigen Richtlinie mit benutzerdefinierten Attributen und Vorlage

Question

Ich habe einige Probleme mit einer benutzerdefinierten Anweisung, um einige Bilder anstelle eines Dropdown-Menüs anzuzeigen. aber jetzt bin ich fest mit der Anzeige der richtigen HTML aus meiner Template-Funktion. Wenn Sie den Bildpfad direkt in meine Vorlage schreiben, werden Attribute für jeden Teil zwischen den Schrägstrichen generiert. ZB:

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

auf

geändert

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

Ich habe versucht, auch die Wege in meinem Modell Puth, aber das ist das Ergebnis: https://plnkr.co/edit/EGm5nk?p=preview

ich fand ein Arbeitsbeispiel, aber den Unterschied nicht finden können, : http://plnkr.co/edit/nQbrSi?p=info

meine zusätzliche Frage dazu: Wie adressiere ich eine Liste korrekt in meiner Direktive?

EDIT: Dieser Fehler war so dumm und leicht zu überwachen

Answer 1

Sie einfach die Klasse innerhalb Richtlinie schließen verpasst. Ändern

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; 

zu

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