使用自定義屬性和模板創建角度指令

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