web-dev-qa-db-ja.com

srcの変数を含む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は既にこのページにアクセスするために使用されているため使用できません。このような作品を作ることは可能ですか？

javascriptangularjsangularjs-ng-include
27
Austin Lovell

次のようにしてください：

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

-----------------または----------------------

この方法で行うことができます、

見る：

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

コントローラ：

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

このような。 JavaScriptの場合と同様に、単一引用符と+を使用する必要があります。

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