2013-07-08 3 views
16

シンプルにしようとしています思う。 レンダリングされたページに複数のhtmlページを含めるために、ループ内でng-includeを使用します。構文エラー:Token 'mod'は予期しないですが、[parts/{{mod}} .html]という式の12列目の[:]を予期しています.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> 

をので、私は私が間違って

答えて

30

ng-includesrc式を期待しやってるか見ていない、いない文字列:

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

ngからdoc: ...

関連する問題