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

标签 javascript html angularjs

我有一个<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/

相关文章:

javascript - Fancybox.. 一张图片包含更多图片

javascript - 使用 jquery 在选择框中填充值和文本

html - 表格垂直对齐 webkit 问题

angularjs - Angular jqLit​​e : . find() 不起作用 - 不选择标签

javascript - 如何正确地从数据库中获取信息?

javascript - 在 Node-RED 中解码 AES-CTR 消息

javascript - 使用javascript将 "m.d.yyyy"转换为 "yyyy-mm-dd"

html - 制作可以随内容增长的全屏部分

javascript - 如何使用 AngularJS 确保客户端在文本区域中有足够的单词来禁用/启用按钮?

javascript - 在 ag-grid 更新后保留过滤器