代码之家 › 专栏 › 技术社区 › Summer Developer

角度Ng如果出现滞后

angularjs jquery javascript

Summer Developer · 技术社区 · 10 年前

我正在使用 ng-if 在元素上隐藏它,直到满足特定条件。然而,条件在我的控制器中得到了满足,但是当我的jquery选择器试图查找元素时,元素似乎仍然不在DOM中。它似乎滞后了,也许是我做错了什么。

我的HTML:

<div ng-if="!aBreadNotSelected" ng-click="goBack()" id="goBack"><i class="fa fa-arrow-left"></i> <span id="goBackText">Go <u>Back</u> To Menu</span></div>

我的控制器:

$scope.myFunc = function(){
$scope.aBreadNotSelected = false;
$("#goBack").css("left","0px");
}

myFunc 火灾,我知道这是因为我在这里排除的其他部分会被执行。但jquery找不到 $("#goBack") 尽管它在寻找 aBreadNotSelected 变为false,应满足 ng如果 ,那么你认为发生了什么?

编辑:我知道jquery很好,因为当我键入 $("#goBack").css("left","0px"); 在控制台中 我的功能 火,我得到了我想要的。

2 回复 | 直到 10 年前

Kishor Sharma 10 年前

根据 Doc :

ngIf指令基于{表达式}删除或重新创建DOM树的一部分。如果分配给ngIf的表达式的计算结果为假值,则元素将从DOM中删除,否则元素的克隆将重新插入到DOM中。

这意味着需要再次呈现html DOM。

此外,由于HTML DOM不存在,jQuery绑定将无法按预期工作。您需要使用 .on(处理程序,函数) 以获得要触发的所需事件。

您可以尝试使用 ng-show 相反

Jayant Patil 10 年前

您必须初始化变量,然后只有它才能按您的需要工作请参见此处 http://jsfiddle.net/a8Loxpku/

$scope.aBreadNotSelected = true;
$scope.myFunc = function(){
$scope.aBreadNotSelected = false;
$("#goBack").css("left","0px");
}

希望这对你有所帮助

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前