AngularJS - get DB data(in js) / use ng-show(in html)

Question

I am trying to get date from my db. And with the data I wanna use ng-show.

In my js file :

 httpq.post('/data/instructor.asmx/PasswordAgain', postData)
        .then(function(data) {
            $scope.informs = JSON.parse(data.d.result).Table;

            if ($scope.informs.length > 0) {
                $scope.Ins_Checking = $scope.informs[0];
            }

        })
        .catch(function(data, status) {
            $.showToast('error', $filter('translate')('MSG.ERROR'));
        })
        .finally(function() {
            console.log("finally finished1");
        });

In my html file(Test Code):

<div ng-repeat="inform in informs">
  {{inform.Ins_Check}}
</div>

This is working.

Question :

<div ng-show="Ins_Check != 'O'">
    Input Password : <input type="password">
</div>
<div ng-show="Ins_Check == 'O'">
    The password is Correct!
</div>

With the DB data(inform.Ins_Check), If the data is not 'O', show Input Password code. Or if the data is 'O', show the words 'The password is Correct!'.

What code should I input?

Or should I use another function?

Shouldn't it be $scope.Ins_Checking = $scope.informs.length ? $scope.informs[0].Ins_Check: 'O';? — jantimon
– jantimon, Commented Aug 11, 2015 at 6:35
$scope.Ins_Checking = $scope.informs.length ? $scope.informs[0].Ins_Check: 'O'; << this is working too. thanks — Gorden
– Gorden, Commented Aug 27, 2015 at 9:14

Shreyas · Accepted Answer · 2015-08-11 06:49:20Z

1

ng-show and ng-hide are worked on truthy and falsy values. if Ins_Check has Boolean value then you do not need to compare with 0 or 1. Simple write ng-show="Ins_Check" and ng-hide="!Ins_Check"

Working example here

edited Aug 11, 2015 at 6:49

Shreyas

1,93518 silver badges34 bronze badges

answered Aug 11, 2015 at 6:03

Mohan Singh

8838 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jantimon Over a year ago

Please always add the code to your answer not only a link to plnkr

Gorden Over a year ago

Hi Thanks for your reply. I got the data 'O' or 'X' from db. So I modify the code like this.

<div ng-show="inform.Ins_Check == 'X'" ng-repeat="inform in informs"> <div ng-show="inform.Ins_Check == 'O'" ng-repeat="inform in informs">

Senthil Kumar J · Accepted Answer · 2015-08-11 06:28:18Z

0

Sorry for the delay response.

The code that you are using is the right one for ng-show. The condition variable that you are checking is wrong.

In your js, you have used $scope.Ins_Checking for assigning the value. But in the ng-show comparison, you are using Ins_Check which is not available with your example.

So try with replacing Ins_Check with Ins_Checking. I hope this works.

answered Aug 11, 2015 at 6:28

Senthil Kumar J

2182 silver badges13 bronze badges

Collectives™ on Stack Overflow

AngularJS - get DB data(in js) / use ng-show(in html)

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related