在ng-click上重新加载ng-include模板

时间:2015-08-01 07:23:40

标签: javascript jquery angularjs

我有一个链接列表,当我点击每个链接时,我用ng-include调用一个文件。我想要的是在重新点击这些文件时重新加载文件。 这是链接列表:

<ul class="list-group  gray-bg">
   <li class="list-group-item link" ng-click="show=1">something</li>
   <li class="list-group-item link" ng-click="show=1">something</li>
</ul>

每次点击更改的部分都是这样的:

<div ng-show="show==1">
    <div ng-include src="'templates/feature-descriptions/shop.phtml'"></div>
</div>
<div ng-show="show==2">
    <div ng-include src="'templates/feature-descriptions/no-credit.phtml'"></div>
</div>

1 个答案:

答案 0 :(得分:2)

在您的情况下,您可以使用withIntermediateDirectories: true代替ng-if指令来帮助您根据{{1中给出的表达式添加或删除div来设置div的动画指令。

由于您要刷新ng-include元素,我建议您首先将虚拟值设置为ng-show范围变量,然后将实际值提供给ng-if,以便div将被删除并通过执行show

添加

<强>标记

show