ng-include与src的变量

时间:2014-02-18 16:51:05

标签: javascript angularjs angularjs-ng-include

我想用变量更改ng-includes src。目前这就是我所拥有的。

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

这是控制器:

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

不幸的是我无法使用ng-view,因为它已被用于访问此页面。 有可能做出像这样的工作吗?

2 个答案:

答案 0 :(得分:52)

尝试如下:

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

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

你可以这样做,

查看:

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

控制器:

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

答案 1 :(得分:11)

喜欢这个。您需要使用单引号和+,就像在JavaScript中一样。

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