Stack Overflow
Stack Overflow

Questions tagged [ng-hide]

The ngHide directive shows or hides the given HTML element based on the expression provided to the ngHide attribute. The element is shown or hidden by removing or adding the ng-hide CSS class onto the element. The .ng-hide CSS class is predefined in AngularJS and sets the display style to none (using an !important flag).

The ngHide directive shows or hides the given HTML element based on the expression provided to the ngHide attribute. The element is shown or hidden by removing or adding the ng-hide CSS class onto the element. The .ng-hide CSS class is predefined in and sets the display style to none (using an !important flag).

↪ See the AngularJS documentation for more information.

216 questions
193
votes
7 answers

AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation

I am trying to show / hide some HTML using the ng-show and ng-hide functions provided by AngularJS. According to the documentation, the respective usage for these functions are as follows: ngHide – {expression} - If the expression truthy then the…
My Head Hurts
  • 37,315
  • 16
  • 75
  • 117
23
votes
1 answer

ng-Animate not working for a Hide and Show setting

I'm using AngularJS version 1.2.11. I've set a toolbar to slide in and out with a transition using ng-Animate (show and hide). Here is the HTML:
…
Sandeep
  • 233
  • 1
  • 2
  • 5
18
votes
7 answers

Why this ng-show ng-hide not working

I have simple app in AngularJS. I want to show messages dynamically when an AJAX request is made. Unfortunately it always in hidden state and I can't figure out why. HTML:

show

…
Namal
  • 2,061
  • 3
  • 18
  • 26
18
votes
3 answers

How do I use angular ng-hide based on the page/route that I am currently on?

have an angular application that I want to hide one of the 'included views' if the main view is the homepage view.
10
votes
2 answers

How can I use ng-hide if $location.url == base (root) url?

I'd like a ← Back to home link to appear below the nagivation on every page of my Angular app except the home page. So I'd like to conditionally add the link and hide it using ng-hide if the url is already on the home page (view) of the app. I've…
Tyler Youngblood
  • 2,710
  • 3
  • 18
  • 24
8
votes
2 answers

Animate.css and Angularjs ng-hide

I am learning and experimenting with Angularjs and animate.css. I am trying to add animations when the ng-show is true or false. The showing and hiding works but not the animations. Hope someone here can show me what I am doing wrong. Here is the…
Miguel-.o
  • 178
  • 1
  • 4
  • 12
5
votes
1 answer

Ng-hide not working in data list Angular

404 Not Found
  • 115
  • 7
5
votes
1 answer

ngHide/ngShow using $rootScope in Single Page Application

Reaching out to you all for help yet again for AngularJS. I'm building a SPA where my Layout (master) Page is divided in to three section left navigation bar, center content, right item list bar. My right item list should be hidden when I load my…
Ajay Srikanth
  • 1,095
  • 4
  • 22
  • 43
4
votes
4 answers

How to fade out element using ng-hide with AngularJS?

I can currently show/hide an element according to a boolean condition in my controller. How can I fade the element out if the condition is true instead of just instantly hiding it?
…
RichC
  • 7,829
  • 21
  • 85
  • 149
4
votes
4 answers

Show / Hide elements dynamically in AngularJs

I'm currently experimenting with Angular and I have an issue, I have a set of questions from my API, some of them rely on other ones to be checked as yes when its a radio button question and will have a value in the property called ReliesOnID. Once…
Will2070
  • 41
  • 1
  • 4
4
votes
4 answers

Ng-Show & Ng-Hide, what is the difference?

I'm teaching myself Angular-JS and I can't find any sort of definitive answer on what the difference between ng-show and ng-hide is. To me they appear to be functionally equivelant. I understand the difference between them and ng-if as ng-if…
Vistari
  • 697
  • 9
  • 21
4
votes
1 answer

How to manually ng-hide something from inside a Controller?

http://plnkr.co/edit/ps8TCpQ8znYQnOExO7Er I have a simple app where I have an Avatar image and a Menu. When you click on the Avatar image I use ng-click, ng-class and ng-show to animate the Menu showing and hiding. HTML:
Leon Gaban
  • 36,509
  • 115
  • 332
  • 529
3
votes
3 answers

ui-grid cannot rendered correctly when using ng-show/ng-hide, if you press F12 on the keyboard, it can do it correctly

My code is as below:
when i set the flag to true, the grid cannot render correctly, if you press F12 on the keyboard, it can show correctly!
Python Basketball
  • 2,320
  • 3
  • 24
  • 47
3
votes
4 answers

Showing or hiding elements based on variables in controller - Ionic

For all I know this might be more an AngularJS issue than an Ionic specific one. I have a button in one of my views: And in my controller I…
user818700
3
votes
2 answers

Can you make a div fade-in and fade-out using angularJs ng-hide?

Is there a way to get a div to fade in and out using AngularJs ng-hide? Currently I am getting the "menu" to show when I mouse over the header div. I also got the div to stay when moving from the header to the menu itself. I can't however seem to…
Parzi
  • 694
  • 2
  • 10
  • 33
1
2 3
…
14 15