Ошибка синтаксиса: токен 'mod' неожиданен, ожидая [:] в столбце 12 выражения [partials/{{mod}}. Html] начиная с [mod}}. Html]

Я стараюсь делать простые мысли. используйте ng-include в цикле для включения нескольких страниц html в отображаемую страницу.

<div ng-controller="pageCTRL">
 <div ng-repeat="mod in modules">
  <div ng-include src='partials/{{mod}}.html'></div>
 </div>
</div>

$scope.modules = ["mod_nav","mod_feature","mod_footer"];

Но я все понимаю.

Error: Syntax Error: Token 'mod' is unexpected, expecting [:] at column 12 of the expression [partials/{{mod}}.html] starting at [mod}}.html].
at Error (<anonymous>)
at throwError (angular.js:6066:11)
at consume (angular.js:6104:7)
at object (angular.js:6394:9)
at primary (angular.js:6278:17)
at unary (angular.js:6265:14)
at multiplicative (angular.js:6251:39)
at additive (angular.js:6239:16)
at relational (angular.js:6230:16)
at equality (angular.js:6221:16) <div ng-include="" src="partials/{{mod}}.html"> 

Есть ли у вас какое-то решение, как это сделать?

отображаемый код выглядит следующим образом:

  <div ng-include="" src="partials/mod_nav.html"></div>

поэтому я не вижу, что я делаю неправильно

Ответы

<div ng-include src="'partials/' + mod + '.html'"></div>