Javascript 在ng单击时重新加载ng include模板

Javascript 在ng单击时重新加载ng include模板,javascript,jquery,angularjs,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"&g

我有一个链接列表,当我点击每个链接时,我调用一个包含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
指令,该指令将帮助您设置div的动画,因为它将根据
ng if
指令中给出的表达式添加或删除

当您想要刷新ng include元素时,我建议您首先将虚拟值设置为
show
范围变量,然后将实际值设置为
show
,这样div将像执行
ng click=“show=0;show=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>

重新加载将实现什么……这样做没有意义……您是否将控制器连接到这些模板?不,我没有任何控制器。我使用了一些动画(带有animation.css),当我重新单击这些链接时,这些动画将无法工作,因为所有这些文件都已重新加载。(可能我使用了错误的重新加载。我想刷新那些部分)对于您来说,可能的解决方案是使用
ng if
&然后您的ng单击将是
ng click=“show=0;show=1”
制作
0
,只需对重绘
ng if
进行虚假更改即可!这个解决方案很简单也很好。谢谢。我已经添加了一个答案。请看一下。它有更多的解释。请用upvote标记正确。谢谢:)