Questions tagged [ng-hide]

1

votes
0

answer
42

Views

Ionic hide footer on one view

I am trying to hide the footer on only one of my ionic views, no matter what I try I cannot seem to get this to work. Any ideas? I have tried using ng-hide and did not work. I can't seem to work out what the issue is. I will attach the code for the view and also the index where the footer is called...
Curtis Boylan
1

votes
1

answer
19

Views

AngularJS directives can't check for null [duplicate]

This question already has an answer here: Why mixing interpolation and expressions is bad practice 2 answers I am retrieving numbers (integer or float) from a MySQL database, and putting them in a form. I want a checkbox to be visible if the value is not null. However, ng-show and other directives...
Gary31
1

votes
1

answer
685

Views

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 would like my button to call a function getMore() which,...
Oam Psy
1

votes
2

answer
454

Views

ng hide, how to conditionally show something in angular with url extension

I am testing and app and would like to do something very simple. I would like to hide a div and only show it in the browser when an extension is added to the url. For example: Warning you about cookies I would see the hidden div by adding--> ?show=cookie-banner to the url, so local site like: ../w...
meztli
1

votes
1

answer
336

Views

Greater-than sign throws error in ng-hide

I have a very simple angularjs-code: xxxxxxxxx Returns the error: Uncaught Error: Syntax error, unrecognized expression: div[ng-hide='foo bc.error @ browserLink:37 bh @ browserLink:37bp ... foo is a number with a integer,I have checked this. same error with: xxxxxxxxx but no errors with: xxxxxxxxx...
1

votes
1

answer
641

Views

Hide/Show rows using tick button in ngGrid table (AngularJS)

it may be asked by someone before, but I checked Q&As and could not find the relevant answer for my question. So I am using an ng-grid table, which displays more than 30K data on that table. The data that I display is coming from the server, it is a real-time data. I have multiple columns in my tabl...
Mammadj
1

votes
1

answer
567

Views

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

This question already has an answer here: Click everywhere but here event 8 answers 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. test And I'm using ng-show to show the text:...
Gabriel
1

votes
1

answer
400

Views

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 dividers. I only want to show the Months once and down that...
Maarten Heideman
1

votes
1

answer
516

Views

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): Add The HTML above is extending this HTML page: This is my base.css (amongst a few other things): [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } The problem is, when the page loads, the 'Add' button...
user2719875
1

votes
2

answer
1.2k

Views

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 ng-show/hide I can do to hide order prior to search? Order...
me9867
1

votes
1

answer
866

Views

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 codes Preferences {{product.name}} and here is the code...
thomas
1

votes
1

answer
58

Views

ng-hide / ng-show not working from function called with ng-click

I have two screens to be showing up in one area and I am using ng-hide / ng-show for the same !! My code is : inside controller $scope.grid1show = 'true' // intially this grid will shown on page load $scope.grid2show = 'false' // Intially this grid is hide on page load // Function $scope.sho...
CodeWithCoffee
1

votes
1

answer
1.9k

Views

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 all the pages in my product. I have included ng-view...
anilCSE
1

votes
2

answer
4.4k

Views

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: ... AA BB Options {{row.AA}} {{row.server}} ... I have tried to do this, inside the controller...
WellWellWell
1

votes
1

answer
152

Views

ng-hide ng-show not working as it should

I am building a quiz in angular and Im trying to show a button based on whether the quiz has started. User go to their users page when logged in, and when they havent started the quiz i want to show the 'start quiz' button. During the quiz they can go their users page, but then only 'resume quiz' sh...
idontknow
1

votes
1

answer
2.1k

Views

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 right side column and it should disappear in left si...
Thilak Raj
1

votes
5

answer
583

Views

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 file. Because I am using angular routing, when login...
manutdfan
1

votes
1

answer
1.6k

Views

Angular ngAnimate how to hide element after ngHide animation?

Currently when an element is hidden via ng-hide, first the element gets display='none' then the animation happens. Is there a way for display='none' to be added once the animation is finished?
azium
1

votes
2

answer
5.3k

Views

Angular JS use NG-Hide with function

I try to create an Angular JS function that is displaying or hiding a Div in case that a certain requirement is met. I do have the problem now that the function is not properly called and both divs are either visible or not visible (In the test case div 1 should be shown and div 2 not). testApp.cont...
nja
1

votes
2

answer
2.7k

Views

ng-hide or ng-show does not work if its controlled from within a ng-repeat

I am trying to hide the div if any of the buttons in the ng-repeat is clicked. However it doesn't seem to work, it leads me to think if ng-hide or ng-show won't work if it is controlled from within a ng-repeat? {{hardware.name}}
Oh Chin Boon
18

votes
3

answer
36.5k

Views

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.
silvster27
2

votes
3

answer
312

Views

Nested ng-click inside of ng-repeat affecting ALL forms instead of one

I've been looking a bit around here on similar issues but can't seem to get my issue working. I just want one of the 'products' 'edit-forms' to pop up when I click 'edit.' I get why it's opening all of them up, but I'm not sure how to fix it. Possible something in my ng-hide and ng-show? Thanks f...
alexanderdd
1

votes
1

answer
4.9k

Views

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: First Second and the JS: function Ctrl3($scope) { $scope.NoSecond = true; }; var appmod = angular.module('appMo...
ToddK
5

votes
1

answer
509

Views

Ng-hide not working in data list Angular

{{val}} http://jsfiddle.net/awnqm/284/ This is the fiddle, i have a simple datalist and an input (using that datalist). Why the ng-hide in options tag is not working.
404 Not Found
1

votes
1

answer
807

Views

How to display only the results of hidden list using angular.js

I'm new to Angular.js and have a bit of a problem. I have a list that is searchable by a local scope variable. However, I DO NOT want to display the list which by default is displayed just below the input field. I only want to display results of the query. How can I achieve this? Currently I have: {...
Mike Grant
6

votes
1

answer
16.1k

Views

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 home page, but should be visible in the remaining scr...
Ajay Srikanth
1

votes
2

answer
11k

Views

Best way to clear model values when the field is hidden in angular

Below is some code to clear angular model values when the corresponding input to the model is hidden via ng-show, using classnames and jquery, but it has a bad smell bc it manipulates DOM in controller (Edit- it doesn't manipulate the DOM it changes the scope model values, but i am not crazy about u...
gabriel
2

votes
3

answer
10.3k

Views

AngularJS - Hiding value based on null and empty array

I am trying to perform an ng-hide when a value is either null or an empty array (in Firebug, this appears as []). I can carry out the null via: ng-hide='myData.Address == null' However when i try: ng-hide='myData.Address == null || myData.Address == []' The value still appears.
Oam Psy
2

votes
1

answer
336

Views

hide a child element on mouseout of parent DIV - AngularJs

HTML - {{idea.title}} {{idea.description | limitTo: 48}}{{idea.description.length > 48 ? '...' : ''}}Continue Reading Controller JS - $scope.hideIcon = function(){ $scope.socialIcon = false; }; Requirement - I want to hide the DIVs with 'share-...
sajalsuraj
22

votes
1

answer
47.6k

Views

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: And here is the CSS for the same toolbar element .animate.fade-hide, .animate..fade-show { -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940)...
Sandeep
3

votes
4

answer
18k

Views

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: Register And in my controller I have this variable that I get from local storage that is either true or false and has to be hidden depending that the value is: app.controller('loginCo...
Tiwaz89
1

votes
3

answer
378

Views

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 on click it change on true, that's why it's showin...
Vitaliy
2

votes
2

answer
3.7k

Views

AngularJS - Show/hide based on number of items in an ng-repeat

I have an ng-repeat with 2 filters: {{ addresses.name }} {{ addresses.number }} {{ addresses.email }} {{ addresses.contact}} How can i add an ng-show or ng-hide to the with class='container' to only show this element if the length of items repeated in the ng-repeat is greater than zero?
Oam Psy
2

votes
2

answer
446

Views

ng-hide not working when a custom directive with terminal option is added on the same element

My button instantiation is here: Delete My directive code is here: (function(app) { app.directive('confirmClick', function(){ return { restrict: 'A', priority: 1, terminal: true, link: function(scope, element, attr) { var msg = attr.confirmationNeeded || 'Really Delete?'; var clickAction = attr.ng...
Canadian Coder
2

votes
0

answer
116

Views

Using ngShow\ngHide in Angular 1.2+

We've recently moved to the latest stable version of Angular (1.2.19 at the time of writing) coming from 1.0.8. They fixed a rather nasty bug regarding isolated scopes, alas one we were (unknowingly) exploiting. I've managed to fix our application, but am now running into (a lot of) issues of the ki...
thomaux
4

votes
4

answer
1.6k

Views

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 I check yes, the question which relies on the curre...
Will2070
2

votes
2

answer
958

Views

AngularJS - show preloader instead of ng-cloak

I have created a preloader which works fine when loading the page first time: http://vivule.ee/1 However, when navigating inside the page, the loader does not work as intended. You can see this very well when using FF. Instead of the loader it just displays empty background. I'm using ng-cloak, with...
yodalr
1

votes
5

answer
2k

Views

ng-hide is not working

I am new to angularjs. When I click on 'Click Me' the toggle method is called. The value of test changes from false to true, but ng-hide is not acknowledging the new value of test. Testing hello Click Me hello script.js var appX = angular.module('myApp', []); appX.controller('myCtrl', function($scop...
VivekT
1

votes
4

answer
6.5k

Views

Angular - Filter to remove blank strings from array

I have an object of arrays... The array can contain blanks, how can i create an ANgular filter to remove the blanks to determine the length of the array? $scope.myData = { ['1', '1', '4', '4', 'N', '4', '6', '8', '', '', '', '', '', '', '', '', '', '', ], ['2', '2', '4', '6', '0', '6', '5', '4', '2'...
Oam Psy
1

votes
3

answer
803

Views

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 appWindow = angular.element($window); appWindow.bind('resize',...
Muhammad Abdullah

View additional questions