首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >两个div在角度,我需要隐藏一个div和显示另一个时,div中的一个按钮被按下

两个div在角度,我需要隐藏一个div和显示另一个时,div中的一个按钮被按下
EN

Stack Overflow用户
提问于 2016-06-03 08:24:55
回答 2查看 1.1K关注 0票数 0

我有以下代码。我需要隐藏div 1,并在div one中的按钮被单击时显示div2。(在ANGULAR HTML5中)。我有一个带有控制器等的JS文件,同时我有两个不同的html模板文件,我把它们称为单独的模式弹出窗口。现在,我只需要显示一个弹出窗口,而不是两个弹出窗口,而只需要显示或隐藏其中一个div的内容。

代码语言:javascript
运行
复制
<div id="div1">
<button name ="click" click="ClickMe()"/>
</div>

<div id = "div2">
<p> Some content</p>
</div>
EN

回答 2

Stack Overflow用户

发布于 2016-06-03 09:02:09

这将在单击时切换displayToggled,并从DOM中删除单击按钮所在的div。

代码语言:javascript
运行
复制
<div id="div1" ng-if="!displayToggled" >
   <button name ="click" ng-click="displayToggled = true"/>
</div>

<div id = "div2" ng-if="displayToggled">
   <p> Some content</p>
</div>
票数 1
EN

Stack Overflow用户

发布于 2016-06-03 09:04:32

在您的html中

代码语言:javascript
运行
复制
<body ng-app="myApp" ng-controller="myctrl as ctrl">
    <div id="div1" ng-show="ctrl.btn">
        <button name ="click" ng-click="ctrl.btn=!ctrl.btn"/>
    </div>

    <div id = "div2" ng-show="!ctrl.btn">
        <p> Some content</p>
    </div>
</div>

在你的控制器中

代码语言:javascript
运行
复制
.controller('myctrl', function(){
    this.btn = true;
 })
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37604142

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档