AngularJS 数据绑定不会动态更新内容

AngularJS Data Binding not updating content dynamically

本文关键字：更新 新内容 动态 数据绑定 AngularJS      更新时间：2023-09-26

我正在尝试从谷歌图书API检索数据 - https://www.googleapis.com/books/v1/volumes

这是 plnkr 链接 - https://plnkr.co/edit/K4f7CVIeurAUMRzQYMb0?p=preview

我在搜索文本中输入 ISBN 编号（例如：1234），并使用从 google 收到的回复项目更新书单。

我正在尝试使用ng-repeat迭代这些书，但它没有更新。我需要单击搜索两次才能在ng-repeat中查看结果。

我很困惑为什么它不动态更新内容。

请参阅plnkr链接。 https://plnkr.co/edit/K4f7CVIeurAUMRzQYMb0?p=preview

在搜索

文本中输入 1234，然后单击搜索，不会在 html 中更新。

再次单击搜索，它会使用最后一个响应更新 html。

谢谢。

你正在使用jQuery在角度$digest之外进行调用。您应该改用$http服务。

$http({
  url: "https://www.googleapis.com/books/v1/volumes",
  method: 'GET',
  params: {q:first.inputISBN}
});

https://plnkr.co/edit/VkeBZL8ZF6gfYQ9iQoFv

相关文章：