AngularJS Data Binding不动态更新内容

时间:2016-03-03 20:05:57

标签: javascript angularjs

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

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

我在搜索文本中输入ISBN号(例如:1234),并使用我从谷歌收到的响应项更新bookList。

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

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

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

在搜索文本中输入1234并单击搜索,不会在html中更新。

再次点击搜索,它会使用最后一个回复更新html。

感谢。

1 个答案:

答案 0 :(得分:1)

您正在使用jQuery拨打电话,在$ $ digest之外。您应该使用$http服务。

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

https://plnkr.co/edit/VkeBZL8ZF6gfYQ9iQoFv