javascript – 根据Angular JS中的ID禁用/隐藏特定锚标记

2023年4月13日 227次阅读

我的页面上有多个链接.在许多链接中,我想仅根据数据库值禁用特定链接.我保持锚标记的ID等于firebase中数据库的ID,以便基于值禁用该特定ID的链接.

 <a  id="{{page.$id}}"  ng-href="#/edit/{{page.$id}}/" target="_blank">Add</a>

如果我点击一个按钮然后我添加了下面的代码,它工作正常：

<button type="button" class="btn btn-primary" ng-click="complete(page.$id)">Complete</button>

$scope.complete=function(id)
{
   var target=angular.element("a#"+id);
   console.log(target);
   target[0].hidden=true;
   var elem= angular.element(id);
   elem.context.activeElement.disabled=true;
}

上面的代码console.log返回我这样的元素：

[a#-KBp32nu3tfHPpKvlBqW, prevObject: x.fn.x.init[1], context:  document, selector: "a#-KBp32nu3tfHPpKvlBqW"]
 0: a#-KBp32nu3tfHPpKvlBqW
 context: document
 length: 1
 prevObject: x.fn.x.init[1]
 selector: "a#-KBp32nu3tfHPpKvlBqW"
 __proto__: x[0]

通过这个我能够获取特定的锚标签ID并能够隐藏该元素.
但是,当我尝试在控制器上应用相同的代码以便在页面加载时禁用/隐藏元素时,此函数将返回parentDOM的元素.
我在控制器上的代码如下所示：

refUpdate=new Firebase("https://databseURL/"+newId);
refUpdate.on('value',function(snapshot){
var status= snapshot.child("completed").val();
if(status=="yes")
{
   var target= angular.element('a#'+newId);
   console.log(target);
}
});

[prevObject: x.fn.x.init[1], context: document, selector:"a#-KBp32nu3tfHPpKvlBqW"]
 context: document
 length: 0
 prevObject: x.fn.x.init[1]
 selector: "a#-KBp32nu3tfHPpKvlBqW"
 __proto__: x[0]

所以我无法获得选择器值.
任何想法如何做到这一点？

最佳答案 我想,你将在boolean中拥有数据库值,你可以在标签中使用它：

<a  id="{{page.$id}}"  ng-href="#/edit/{{page.$id}}/" target="_blank" ng-hide="page.isHide">Add</a>

如果要禁用,可以使用ng-disabled

点赞