ng hide issues in angular js

Question

I have hided an element using ng-hide. Then tried to show it using a function. but it is not showing..

 <input type="button" class="btn btn-primary btn-sm margin-right-15 ng-hide" value=" Edits "
                       ng-click="EditValueSalComponent(T,p,K)" id="{{'in'+T.id}}"/>

<div ng-if="(p.id == K.emp_id && T.id == K.component_id)"> 
  {{K.amount}}
   <div  ng-init="hideinputbox(T.id)"></div>
</div>



 $scope.hideinputbox = function (k) { 
 $("input#in" +k).show();
 }

Read docs.angularjs.org/api/ng/directive/ngHide

Rayon
– Rayon

2015-12-01 05:56:52 +00:00
Commented Dec 1, 2015 at 5:56 — Rayon
– Rayon, Commented Dec 1, 2015 at 5:56
you might be getting error in your console

Suraj Rawat
– Suraj Rawat

2015-12-01 05:57:03 +00:00
Commented Dec 1, 2015 at 5:57 — Suraj Rawat
– Suraj Rawat, Commented Dec 1, 2015 at 5:57

Anik Islam Abhi · Accepted Answer · 2015-12-01 05:57:15Z

3

You have to do it angular way .

Like this

<input type="button" ng-hide="T.hideMe" class="btn btn-primary btn-sm margin-right-15" value=" Edits "
                       ng-click="EditValueSalComponent(T,p,K)" id="{{'in'+T.id}}"/>
<div  ng-init="hideinputbox(T)"></div>

JS

$scope.hideinputbox = function (k) { 
  k.hideMe=!k.hideMe
 }

answered Dec 1, 2015 at 5:57

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Comments

km1882 · Accepted Answer · 2015-12-01 06:16:27Z

0

I totally agree with the answer provided by @anik, but just to add on. Whenever you are performing an operation out of the context of angular (via a 3rd party lib or framework like jQuery). The scope values would not be updated as the digest cycle is not triggered . Thats why it is important that you always stay within the angulars execution context.

answered Dec 1, 2015 at 6:16

km1882

7505 silver badges22 bronze badges

Collectives™ on Stack Overflow

ng hide issues in angular js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related