web-dev-qa-db-fra.com

ng-include avec une variable pour src

Je voudrais changer le ng-includes src avec une variable. Actuellement, c'est ce que j'ai.

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

Et voici le contrôleur:

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

Malheureusement, je ne peux pas utiliser une vue ng car elle est déjà utilisée pour me rendre sur cette page. Est-il possible de faire quelque chose comme ça?

javascriptangularjsangularjs-ng-include
27
Austin Lovell

Essayez comme suit:

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

-----------------OU----------------------

Vous pouvez le faire de cette façon,

Vue:

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

Manette:

function AppCtrl ($scope) {
  $scope.getPartial = function () {
      return 'partials/issues.html';
  }
}
52
Jatin patil

Comme ça. Vous devez utiliser des guillemets simples et +, comme vous le feriez en JavaScript.

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