2014-10-17 64 views
0

有沒有辦法在ng-include中使用動態文件名?它看起來不是這樣,所以任何替代品都會非常受歡迎。我有一個在不同情況下顯示的圖標列表,我不喜歡很多if聲明。是否可以爲ng-include使用動態文件名?

像這樣的東西是什麼,我想要實現:

<div ng-include="{{file.name}}"></div> 

這是唯一可行的辦法做到這一點?:提前

<ng-include src="file.name"> </ng-include> 

感謝您的任何意見/建議。

+0

您可以使用,或者您也可以與背景圖像集,使用納克級的圖像的每個圖標創建CSS類。想一想 – Siraj 2014-10-17 15:16:35

回答

1

是的第二個代碼示例是唯一的方法來做到這一點。你爲什麼想以另一種方式做呢?

+0

是的,我想這樣,我試圖加載一個基於文件名的svg文件。所以如果{{file.name}}等於'100.svg',那麼它會加載'100.svg'。 – user1532669 2014-10-17 15:35:06

+0

問題解決了,對include包來說不是一個問題,它與我提供的svg文件中的內容有關 - 這有多惱人。 – user1532669 2014-10-17 15:54:18

1

ng-include是動態的:

<button ng-click="template = 'temp1.html'">Temp1.html</button> 
<button ng-click="template = 'temp2.html'">Temp2.html</button> 

<div ng-include="template"></div> 
相關問題