gpt4 book ai didi

javascript - AngularJS:点击按钮显示其他div并隐藏当前div

转载 作者:行者123 更新时间:2023-11-28 05:39:05 25 4
gpt4 key购买 nike

我有一个<div>其中包含 <button> 。单击此按钮时,我想要这个 <div>被隐藏和另一个新的<div>将显示在当前 <div> 的位置。另外,新的<div>包含 <button> ,单击后将打开旧的 <div> 。这将使我能够打开一个 <div>单击<button>存在于那些 <div> 。谁能告诉我如何在 AngularJS 中做到这一点?

This picture shows my requirement

最佳答案

<body ng-init="showDiv = true">  

<div ng-show="showDiv">
<h1>Div 1</h1>
<button ng-click="showDiv = false">Show Div 2</button>
</div>
<div ng-hide="showDiv">
<h1>Div 2</h1>
<button ng-click="showDiv = true">Show Div 1</button>
</div>

</body>

代码笔:https://codepen.io/RaymondAtivie/pen/OXYRyE

关于javascript - AngularJS:点击按钮显示其他div并隐藏当前div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39078445/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com