使用ng-include中的ng-repeat表达式

时间:2014-10-22 21:04:13

标签: angularjs angularjs-ng-repeat ng-repeat angularjs-ng-include

我可能错误地说了这个标题,但我希望仍能得到一些帮助。我正在尝试使用从ng-repeat获得的表达式来包含使用ng-include的新页面,但它不是渲染。我可以在我想要的页面中写,但我想使用表达式动态地包含多个页面

<div ng-app="" id="container" ng-controller="pagesController">
<span ng-repeat="x in pages">
   <a href="{{x.HTML}}" target="_self">{{x.Page | uppercase}}</a>
   <b ng-if="!$last" href="#"> - </b>
   <div ng-include="'{{x.HTML}}'" name="{{x.Page}}"></div>
</span>

但如果我手动输入这样的页面:

<div ng-include="'generic.htm'" name="generic"></div>

它按预期工作。

我很习惯Angular.js,我不确定这是否可能,或者我是否可以做我想要的事情。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

ng-include是一个角度指令,假设x.HTML是一个字符串,请省略{{}}和单引号:

ng-include="x.HTML"