2014-02-18 8 views
25

Ich möchte die ng-includes src mit einer Variablen ändern. Momentan habe ich das.ng-include mit einer Variablen für src

<div class='alignRightCenter' id='rightContent'> 
    <ng-include src="'{{view}}'"> </ng-include> 
</div> 

Und hier ist der Controller:

ctrl.controller('contentCtrl', ['$scope', function($scope) { 
     $scope.view = "partials/setListName.tpl.html"; 
    }]); 

leider kann ich nicht ng-View verwenden, da es bereits verwendet wird, um mich diese Seite. Ist es möglich, dass so etwas funktioniert?

+4

haben Sie versucht, ng-src = "{{view}}"? – doodeec

Antwort

50

Versuchen Sie wie folgt vor:

<ng-include src="view"> </ng-include> 

----------------- ----------------- OR -----

Sie auf diese Weise tun können,

Ausblick:

<div data-ng-include data-ng-src="getPartial()"></div> 

Controller:

function AppCtrl ($scope) { 
    $scope.getPartial = function() { 
     return 'partials/issues.html'; 
    } 
} 
+5

'

' funktioniert nicht für mich. 'getPartial()' ist nicht erhöht, aber '' funktioniert! –

+0

@Chaki_Black Try '

' anstelle von '
' – NamPNQ

7

So. Sie müssen einfache Anführungszeichen und + verwenden, wie in JavaScript.

<ng-include src="'/path/to/template'+ my.variable +'.html'"></ng-include>