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

我在自定義指令中顯示一些圖像而不是下拉菜單時遇到了一些問題。但現在我堅持顯示從我的模板功能正確的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

我對此的額外問題：我如何正確地在我的指令中解決一個列表？

編輯：該錯誤是如此愚蠢和易於監督

來源

2016-08-31 southz rgw

您需要發佈您的指令代碼，以獲得一個有意義的迴應。 –

你只是錯過了關閉指令內部的類。更新plunk在這裏 - https://plnkr.co/edit/Q5CkuyqQGPW54qiNNCaq?p=preview – Developer

@Developer omg謝謝，看了幾個小時的代碼，我沒有看到這一點。我現在感覺很愚蠢。這解釋了爲什麼斜槓和空格有那麼愚蠢的行爲 –

你只是錯過了關閉指令裏面的類。更改

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

來源

2016-08-31 13:21:30 Developer

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

回答

相關問題