AngularJS không cập nhật img src khi thay đổi mô hình

Question

Tôi sử dụng ng-src để tải hình ảnh. Giá trị được nạp từ một số biến phạm vi, như thế này:

<img ng-src="{{currentReceipt.image}}"/> 

Vấn đề của tôi là khi tôi chạy delete $scope.currentReceipt, nó làm cho ng-src thuộc tính rỗng nhưng không phản ánh nó trong src thuộc tính. Vì vậy, kết quả là tôi tiếp tục nhìn thấy hình ảnh mà tôi cần phần giữ chỗ trống.

Làm cách nào để xử lý?

Answer 1

Đây là hành vi mong đợi từ chỉ thị ngSrc và ngHref. Các chỉ thị này chỉ hỗ trợ nhận ra các đường dẫn mới, nhưng khi đường dẫn không có sẵn, các chỉ thị sẽ exit silently (Tôi thấy yêu cầu kéo tại đây).

Vì vậy, một cách giải quyết có thể có thể được sử dụng ngShow cùng với ngHref để ẩn các thẻ hoàn toàn khi biến hình ảnh là không có sẵn nữa:.

<img ng-href="{{currentReceipt.image}}" ng-show="currentReceipt.image" /> 

Answer 2

gọi $ phạm vi $ apply() sau khi $ phạm vi xóa. currentReceipt.

Answer 3

Các giải pháp sau đây làm việc cho tôi:

<img ng-src="{{currentReceipt.image}}" ng-show="currentReceipt.image != null" /> 

Answer 4

Bạn thực sự có thể kiểm tra độ dài và làm

<img ng-show="user.thumbnail.length > 1" class="img-circle thumb pull-left" ng-src="{{user.thumbnail}}" alt="{{user.firstname}} {{user.lastname}}">