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

2023年7月11日 196次阅读

我有一个链接列表,当我点击每个链接时,我用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>

最佳答案 在您的情况下,您可以使用ng-if代替ng-show指令,它将帮助您根据ng-if指令中给出的表达式添加或删除div来设置div的动画.

当你想要刷新ng-include元素时,我建议你先设置虚拟值来显示范围变量,然后给出显示的实际值,这样div就会被删除并添加,就像做ng-click =“show = 0;节目= 1;”

标记

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