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
1
vote
3 answers

How to hide some element on screen resize in angularjs

I am new in angularjs. I searched a lot to hide some html element on body resize but did't work. here is my controller code. var app = angular.module('studentPage',[]); app.controller ('studentController',function($scope, $window) { var…
Muhammad Abdullah
  • 25
  • 1
  • 7
1
vote
4 answers

Is there a way to do a ng-hide on a html div?

I am trying to hide my div that has id="crossfade" where there is an ng-click event. 1) Is this possible? 2) What am I doing wrong? ShopME Tops
Cameron
  • 185
  • 2
  • 11
1
vote
2 answers

ng-show condition (stored in a string form in variable ) is not evaluating angular js

I want to show a div according to a expression but the expression is stored in a variable in string form, is it possible to do evaluate an expression variable for ng-show / ng-hide. like: $scope.condition = {"SHOW":'(model1 === 'test1')'}
HJain
  • 85
  • 8
1
vote
1 answer

AngularJS recursive template close by default all nodes and expand them with ng-click

is it possible with this example from Ben Foster to get all nodes closed by default (at the loading of the page) ? and to open each node with ng-click ? http://jsfiddle.net/benfosterdev/NP7P5/ I have found a way to get selected node but I don't know…
John
  • 185
  • 1
  • 6
  • 21
1
vote
1 answer

angularjs checkboxes show / hide box

I have some issues to manage checkboxes and "boxes" containers. The idea is to have a list of checkboxes pre-checked. Each checkboxes controls a "box" container, and when check / uncheck the checkbox, it shows / hides the containers. here some…
thomas
  • 11
  • 6
1
vote
1 answer

I am using Angular 1 and I am trying to ng-hide my login button once a user is logged in?

I know I am suppose to do and ng-hide="something", but I don't where to go from there. Not sure if I have to also write another function in my logoutController or mainController.
1
vote
2 answers

Display search result only if a match is found in Angular (Ng-Repeat)

I have an array of orders in my JSON data, on my list page I only wish to display the order beneath if a search match is found, rather than display all the orders, like I currently have in the gif below prior to my search match. is there an…
me9867
  • 1,519
  • 4
  • 25
  • 53
1
vote
3 answers

ng-show Displaying all items

Continue working with angularjs and now having problem with ng-show which on click it show me all hidden data. As I understand, I need to specify ID of clicked item which I want to show, from my example i'm using ng-model which had boolean value and…
semper fi
  • 727
  • 3
  • 17
  • 32
1
vote
4 answers

AngularJS ng-hide / ng-show

Im learning about AngularJS but I have a problem with the "ng-hide" directive, its doesnt work. This is my HTML code: Prueba ng-hide/ng-show
Jose R. Chacón
  • 99
  • 1
  • 12
1
vote
5 answers

ngHide directive only works with ngRoute module after page refresh

When I login on my app, I want the login and signup button to disappear from the nav so I am using ng-hide directive if the login was successful and a token was received from the server, which I store in the cookies. Nav is part of the index.html…
manutdfan
  • 285
  • 4
  • 18
1
vote
1 answer

HIde and show images with ng-repeat and ng-show and ng-hide and ng-click based on index

I have 2 columns, first column is Unselected images and button called Select picture next to it and second column is selected images and button called Remove picture. if i click Select picture button for one image at left column, it should move to…
Thilak Raj
  • 880
  • 3
  • 10
  • 25
1
vote
1 answer

AngularJS - ng-cloak on button not working (flicker still exists) in Chromium - ng-cloak doesn't even get added to the CSS for some reason

This is my HTML (amongst other things): The HTML above is extending this HTML page:
SilentDev
  • 20,997
  • 28
  • 111
  • 214
1
vote
1 answer

How add month divider in ng-repeat?

I have a ng repeat that displays upcoming activities. I want to show each month once. Is there a way to show the first repeated item with month and the other without? In the attach image you'll see the current situation with duplicate month…
Maarten Heideman
  • 545
  • 1
  • 9
  • 18
1
vote
1 answer

AngularJS - Cloak element (after DOM is loaded) when switching between elements

I have a grid setup in my web application. When the user checks a box it switches to a second grid already loaded on the DOM ( a printer friendly version ). There is also a third grid loaded which is populated as the user chooses rows they want to…
notAChance
  • 1,360
  • 4
  • 15
  • 47
1
vote
1 answer

how to implement click away feature with ng-show and ng-hide

Is there any solution that can implement the click away feature with ng-show? Here is the plunker: http://jsfiddle.net/o0dwsrqf/ I'm using the button to show the text. And I'm using ng-show to show the…
Gabriel
  • 601
  • 1
  • 10
  • 26
1 2 3
…
14 15