在Ionic1中单击相同按钮时隐藏并显示模式 [英] Hide and show modal on same button click in Ionic1

问题描述

我想隐藏并显示基于同一按钮点击的div

点击零件

 < a class =tab-itemng-click =showDetails =！showDetails> 
< i class =icon ion-paperclip>< / i> 
附上
< / a> 
  

编辑

我已经删除了模态，并且只使用了 ng-click 并尝试过，但是每次点击都会变为true / false。但是我的< div> ; 不可见。

  {{showDetails}} 
 
 
< a class =tab-itemng-click =myCam（）> 
< i class =icon ion-camera>< / i> 
相机
< / a> 
 
< a class =tab-itemng-click =pdfUpload（）> 
< i class =icon ion-upload>< / i> 
 Pdf 
< / a> 
  

任何人都可以请帮助我。

解决方案

ng-click =show =！show将是您需要附加到您的点击事件或图标上的内容。 ng-show =show是在DOM上显示和隐藏的内容。

 < a class =tab-itemng-click =show =！show> 
< i class =icon ion-paperclip>< / i> 
附上
< / a> 
 
< div class =bar bar-footerng-show =show> 
 
< a class =tab-itemng-click =myCam（）> 
< i class =icon ion-camera>< / i> 
相机
< / a> 
 
< a class =tab-itemng-click =pdfUpload（）> 
< i class =icon ion-upload>< / i> 
 Pdf 
< / a> 
  

我希望这个答案对您来说已经足够了。这里是一个小提琴小提琴链接

I want hide and show a div based on same button click

click part

<a class = "tab-item" ng-click="showDetails = ! showDetails">
   <i class = "icon  ion-paperclip"></i>
     Attach
</a>

Edit

I have removed modal and used only ng-click and tried,But here am getting true/false for each click.But my <div> is not visible.

{{showDetails}}
<div class ="bar bar-footer" ng-show="showDetails" >
<div class = "tabs tabs-icon-bottom tabs-striped tabs-color-gray hide-on-keyboard-open"  style="background-color: white;" >
 <a class = "tab-item" ng-click="myCam()">
   <i class = "icon  ion-camera"></i>
     Camera
 </a>

<a class = "tab-item" ng-click="pdfUpload()">
   <i class = "icon ion-upload"></i>
     Pdf
</a>

Can anyone please help me with this.

解决方案

ng-click="show = ! show" will be what you need to attach to your click event or icon. ng-show="show" is what gets show and hidden on the DOM.

  <a class = "tab-item" ng-click="show = ! show">
   <i class = "icon  ion-paperclip"></i>
     Attach
  </a>

<div class ="bar bar-footer" ng-show="show">
 <div class = "tabs tabs-icon-bottom tabs-striped tabs-color-gray hide-on-keyboard-open" style="background-color: white;" >
<a class = "tab-item" ng-click="myCam()">
   <i class = "icon  ion-camera"></i>
     Camera
</a>

<a class = "tab-item" ng-click="pdfUpload()">
   <i class = "icon ion-upload"></i>
     Pdf
</a>

I hope this answer was sufficient for you. Here is a fiddle Fiddle Link

这篇关于在Ionic1中单击相同按钮时隐藏并显示模式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！