ng将问题隐藏在angular js中

ng hide issues in angular js

本文关键字:angular js 隐藏 问题 ng      更新时间:2023-09-26

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

你必须以有角度的方式来做。

像这个

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

我完全同意@anik提供的答案,但只是补充一下。每当你在angular上下文之外执行操作时(通过第三方lib或jQuery等框架)。由于未触发摘要周期,因此不会更新作用域值。这就是为什么你总是呆在angulars执行环境中是很重要的。