当前位置: 首页 > 面试题库 >

AngularJS:使用jQuery更改时,ng-model绑定不会更新

黄靖
2023-03-14
问题内容

这是我的HTML:

<input id="selectedDueDate" type="text" ng-model="selectedDate" />

当我在框中输入内容时,该模型会通过2向绑定机制进行更新。甜。

但是, 当我通过JQuery执行此操作时…

$('#selectedDueDate').val(dateText);

它不会更新模型。为什么?


问题答案:

Angular不知道这种变化。为此,您应该在以下位置致电$scope.$digest()或进行更改$scope.$apply()

$scope.$apply(function() { 
   // every changes goes here
   $('#selectedDueDate').val(dateText); 
});

看到这个以更好地了解 脏检查

更新 :这是一个示例



 类似资料:
  • 问题内容: 这里的PLUNKR示例 我正在使用某种形式的jquery autocomplete作为angularjs direcitve。当jquery使用angular 更新输入的值时,直到下一个摘要(我想)之后才注意到更改。 我的第一个想法是使用来对后摘要执行操作,但是如您所见,它没有帮助。 我的第二种方法是重写该元素的功能以触发事件,但是我没有设法使其起作用。 尝试从自动完成列表中选择一个值

  • 问题内容: 我有这个reprohttp://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq,当我单击“ Title3”并在文本框中输入一个值时显示,尽管输入的值显示在UI中,当我单击“单击”按钮时,什么也没有绑定到范围属性$ scope.test。 我不知道ng-switch有什么问题,或者我做错了什么。帮助表示赞赏!!! http://embed.plnkr.co/nVC

  • 问题内容: 输入如下: 当我手动键入并更改输入时,将执行。但是,如果我以编程方式通过其他功能更改了repair.test值,则不会触发ng- change的操作。我已经阅读了角度教程,这可能是预期的行为。 https://docs.angularjs.org/api/ng/directive/ng更改 “当值更改来自模型时,不评估表达式。” <-我也需要这个。模型以任何方式更改时,如何在控制器中触

  • 问题内容: 我创建了以下示例,以便您可以确切了解正在发生的事情:http : //jsfiddle.net/8t2Ln/101/ 如果我使用ng-options,也会发生同样的事情。我这样做有不同的原因,但由于简化了示例,所以省略了这一部分。 如您所见,默认情况下它具有两个选项。我将在选择旁边显示ng- model的选择值,以便您可以看到它的含义。当您在顶部添加第三个选项时,它会将值设置为该新选项

  • 问题内容: 我用来加载图像。值是从一些范围变量加载的,如下所示: 我的问题是,当我运行时,它会使属性为空,但不会在属性中反映出来。因此,我不断看到需要空占位符的图像。 我该如何处理? 问题答案: 这是ngSrc和ngHref指令的预期行为。这些指令仅支持识别新路径,但是当路径不可用时,这些指令将以静默方式退出(我在这里看到一个拉取请求。)。 因此,当图像变量不再可用时,可能的解决方法是将ngSho

  • 问题内容: 我很困惑。为什么当ajax调用更改其值时,我的ng-repeat为什么不刷新?我在这里看到过很多问答,但是没有人谈论ajax调用。 HTML: JS: 控制台确实记录了服务器返回的阵列。但是html中的列表从未更新。如果使用,则会发生有关错误。 控制台输出 这就是服务器返回的结构。会是数据类型的问题吗?因为它不是。我将Golang用作服务器,并用于打包来自MongoDB的数据。 更新资