Question

使用我的应用程序，我想通过单击div1显示div2，从而隐藏div 1，当我点击div2时，div1出现，div2消失。

我制作了这段代码，但它不起作用。

＆＃13;

<div ng-click="show2=true; show1=false" ng-show=show1">
  <center>
    <i class="ion-arrow-down-b flecheCacherTacheEffectuee"></i>
    <span class="titreTacheEffectue">TÂCHES EFFECTUÉES</span>
  </center>
</div>
<div ng-show="show2" ng-click="show1= true; show2=false">
  <center>
    <i class="ion-arrow-up-b flecheCacherTacheEffectuee"></i>
    <span class="titreTacheEffectue">TÂCHES EFFECTUÉES</span>
  </center>
</div>

＆＃13;

非常感谢。

Answer 1

将ng-show = show1“更改为ng-show =”show1“。

mapStateToProps

Answer 2

使用js：

function change(div_hide, div_show) {
  var divA = document.getElementById(div_hide);
  var divB = document.getElementById(div_show);
  divA.style.display = "none";
  divB.style.display = "block";
}

<div id="div1" onclick="change('div1','div2');">
  <center>
    <i class="ion-arrow-down-b flecheCacherTacheEffectuee"></i>
    <span class="titreTacheEffectue">TÂCHES EFFECTUÉES DIV1</span>
  </center>
</div>
<div id="div2" style="display:none;" onclick="change('div2','div1');">
  <center>
    <i class="ion-arrow-up-b flecheCacherTacheEffectuee"></i>
    <span class="titreTacheEffectue">TÂCHES EFFECTUÉES DIV2</span>
  </center>
</div>

我想隐藏并显示两个div

2 个答案: