ng hide проблемы в угловых js

Question

Я скрыл элемент, используя ng-hide. Затем попытался показать его с помощью функции. но это не показано.

<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(); 
} 

Answer 1

Вы должны сделать это угловым способом.

Как это

<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 
} 

Answer 2

Я полностью согласен с ответом, @anik, а просто добавить на. Всякий раз, когда вы выполняете операцию из контекста углового (через стороннюю библиотеку или фреймворк, например jQuery). Значения области не будут обновляться, так как цикл дайджеста не запускается. Вот почему важно, чтобы вы всегда находились в контексте исполнения углов.