使用自定义属性和模板创建角度指令

Question

我在使用自定义指令显示一些图像而不是下拉菜单时遇到一些问题。 但是到现在为止，我仍然无法通过模板功能显示正确的html。 将图像路径直接写入我的模板会为斜线之间的每个部分生成属性。 例如：

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

更改为

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

我什至试图把那些路径放到我的模型中，但这就是结果： https ://plnkr.co/edit/EGm5nk?p=preview

我找到了一个有效的示例，但找不到区别： http : //plnkr.co/edit/nQbrSi?p=info

我对此的另一个问题：如何在指令中正确处理列表？

编辑：该错误是如此愚蠢，易于监督

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