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
1 answer

can ng-hide invoke a function in Angular

My table looks like this, with more than one tbody: ... ... ... …
Tim
  • 8,669
  • 31
  • 105
  • 183
1
vote
0 answers

Angular ng-hide cannot find controller scope method

I have code in the app.js as follows: $stateProvider .state('home', { url: '/home', controller: 'indexController', templateUrl: local.RootPath + '/App/Views/index.html' }); In the specified controller I have a method as…
David Whitten
  • 573
  • 1
  • 4
  • 12
1
vote
1 answer

AngularJS Performing 2 Types Of ng-click based on a Counter

I have a $scope object that contains 50+ records. I have a
that displays the first 5 records in this $scope via a limitTo. I have a button 'See More' that on each click displays the next 5 records. However, once 50 records have been shown, i…
Oam Psy
  • 8,555
  • 32
  • 93
  • 157
1
vote
3 answers

Ng-click ng-show/ng-hide for a list of buttons created by ng-repeat

I have a list of play/pause buttons created by an ng-repeat. You click each play button to stream a song and the button turns into a pause button (so you can then pause it). I was able to get the buttons and click events set up correctly but ran…
Kyle Pennell
  • 5,747
  • 4
  • 52
  • 75
1
vote
1 answer

Use ng-show on a custom replace directive does not show or hide

I am having an issue with getting ng-show (or ng-hide) to work on a custom directive. It is working just fine on normal HTML elements. I made up a very simple example that shows the issue:
ToddK
  • 765
  • 9
  • 16
1
vote
2 answers

AngularJS - ng-hide with different ng-controller

here is my problem : When I double click in a row of an array, I want to make disappear several parts of my page. The problem is...I don't figure out how to do this. Basically, here is my html file:
WellWellWell
  • 161
  • 1
  • 5
  • 15
1
vote
1 answer

How to hide the contents of index page, in angularjs ng-view

I am trying to find whether I can hide the parent file contents when accessing a partial(view) in angularJs. Here is my problem: I have my parent page (index page) with contents like menubar, footer and some other stuff which will be displayed in…
anilCSE
  • 2,461
  • 3
  • 23
  • 29
0
votes
1 answer

Count all divs in a component having 'ng-show' attribute

I have a component containing multiple components. Some of the cells have ng-hide attr and some cells have a keyword 'mutate' : Using…
0
votes
2 answers

ng-hide="true" is not hiding the element

I'm using Angular 11. Somehow I can't make this div disappear: My simple HTML :
Test
Result -> The Text Test still appears on my page.
Boommeister
  • 1,591
  • 2
  • 15
  • 54
0
votes
1 answer

Automatically added ng-hide in a button

0
votes
1 answer

dynamically show/hide angular mat-tabs conditionally

I have 15 or more mat-tabs under mat-tab-groups but I want to hide tabs on the condition that the "datasource.data.length === 0" The following is not working for me. Any advise? invt.html
da1809
  • 11
  • 1
  • 3
0
votes
1 answer

HighCharts Disable some Series Name from the Legend

I am using HighChart,i want to disable legend as the given example there are 3 legend (Test1,Test2,Test3), I only want that there will be only one (Test2) to show and others are disabled, this.options1 = { chart: { type: 'area' //…
Himanshu itmca
  • 395
  • 5
  • 22
0
votes
1 answer

Hide div which has double ng-repeat

I have this markup:
Laziale
  • 7,965
  • 46
  • 146
  • 262
0
votes
1 answer

NgHide AngularJs

I'm just trying to understand something that is very simple. I want to use ngHide with AngularJs to display an element when I click on a word (see link below). JsFiddle Link On the link what I want to do works but the problem is that when I…
Valentin
  • 405
  • 2
  • 6
  • 17
0
votes
0 answers

Angular: ng-show/ng-hide buttons when initial button is clicked

I am trying to create a set of buttons in Angular, and my desired behavior is that when the user clicks the first button, the second button appears. They would then fill out some stuff and continue. Then when the second button is clicked, the…
NellaGnute
  • 225
  • 1
  • 6
  • 15