有沒有辦法在ng-include中使用動態文件名?它看起來不是這樣,所以任何替代品都會非常受歡迎。我有一個在不同情況下顯示的圖標列表,我不喜歡很多if
聲明。是否可以爲ng-include使用動態文件名?
像這樣的東西是什麼,我想要實現:
<div ng-include="{{file.name}}"></div>
這是唯一可行的辦法做到這一點?:提前
<ng-include src="file.name"> </ng-include>
感謝您的任何意見/建議。
有沒有辦法在ng-include中使用動態文件名?它看起來不是這樣,所以任何替代品都會非常受歡迎。我有一個在不同情況下顯示的圖標列表,我不喜歡很多if
聲明。是否可以爲ng-include使用動態文件名?
像這樣的東西是什麼,我想要實現:
<div ng-include="{{file.name}}"></div>
這是唯一可行的辦法做到這一點?:提前
<ng-include src="file.name"> </ng-include>
感謝您的任何意見/建議。
是的第二個代碼示例是唯一的方法來做到這一點。你爲什麼想以另一種方式做呢?
是的,我想這樣,我試圖加載一個基於文件名的svg文件。所以如果{{file.name}}等於'100.svg',那麼它會加載'100.svg'。 – user1532669 2014-10-17 15:35:06
問題解決了,對include包來說不是一個問題,它與我提供的svg文件中的內容有關 - 這有多惱人。 – user1532669 2014-10-17 15:54:18
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>
您可以使用,或者您也可以與背景圖像集,使用納克級的圖像的每個圖標創建CSS類。想一想 – Siraj 2014-10-17 15:16:35