Question

我的页面上有多个链接。在许多链接中，我想仅根据数据库值禁用特定链接。我保持锚标记的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]

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

Answer 1

我认为，values中您将拥有数据库boolean，您可以在a标记中使用该数据库，如：

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

如果您想ng-disabled

，可以使用disable

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

1 个答案: