Ng-srcは更新されますが、写真を削除するとsrcは更新されません

ヤクブ

質問のコンテキスト:

私はこの質問の解決策を使用しています:値が変更されていないときにAngularJSビューを更新するにはどうすればよいですか?だから私の見解では:

 <img ng-src="{{user.photo.pathRelative}}{{randomStr}}" alt=""/>

写真を変更するときは、コントローラーで次のコードを実行します。

 $scope.user.photo.pathRelative = somePathToPhoto;
 $scope.randomStr  = '?randomStr=' +  new Date().getTime();

これにより、次のhtmlが作成されます(すべてが正常に機能します)。

<img ng-src="img/profiles/5350f142dd9624b818d90007/5350f142dd9624b818d90007.png?randomStr=1398159116845" alt="" src="img/profiles/5350f142dd9624b818d90007/5350f142dd9624b818d90007.png?randomStr=1398159116845">

質問:

ここで、ユーザーがこの写真を削除できるようにしたいので、ユーザーが削除ボタンを押すと、次のようになります。

 $scope.user.photo.pathRelative = '';
 $scope.randomStr  = '';

ただし、これにより次のhtmlが生成されます。

<img ng-src="" alt="" src="?randomStr=1398159116845">

したがって、src属性はまだ設定されているため、ブラウザはそれをレンダリングしようとしますが、明らかにパスが無効です。

このsrcが誤った値に設定されている理由のヒントはありますか?

JuhoVepsäläinen

パスが設定されていない場合に要素を削除するようにng-if設定できimgます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

ng-ifをAngularで使用すると、ビューが更新されません

分類Dev

AngularJS:ng-optionsが更新されてもng-modelは更新されません

分類Dev

ng ForはIE11(CoreJSを使用するRC4)で更新されません

分類Dev

ng-class条件は変更されますが、クラスは更新されません

分類Dev

Ng-showはng-repeatで更新されません

分類Dev

ボタンでは ng-disabled ですが、値を変更しても更新されません

分類Dev

AngularJS-ng-repeat内でng-showを正しく使用する方法は?ブール値が更新されていません

分類Dev

角度/イオンng-クリックしてもビューは更新されませんが、モデルでは更新されます

分類Dev

オプションngを選択します-モデルが変更された後、繰り返しは更新されません

分類Dev

ng-model値はngModelCtrl。$ commitViewValue();で更新されません。

分類Dev

ng-repeatは保存後に自動更新されません

分類Dev

textareaへのng-modelは更新されません

分類Dev

textareaへのng-modelは更新されません

分類Dev

syslog-ngが起動し、手動で正常に実行されます... systemdを使用すると、起動しますがログは作成されません

分類Dev

評価されている値が更新されている間、Angularのngクラスは更新されていません

分類Dev

md-selectのng-modelは選択された値を更新しません

分類Dev

Angular Digestサイクルは実行されていますが、ng-bind値が更新されていません

分類Dev

AngularJs:ng-valueを使用してデータをコピーしますが、モデルは更新されません

分類Dev

ng-repeatスコープを更新すると、ng-repeatにない予期しないアイテムが削除されます

分類Dev

<select>がJavaScriptで変更された場合、ng-modelは更新されません

分類Dev

ng-repeatのdivが更新されていませんか?

分類Dev

ng-ng-repeat内で更新されないことを表示します

分類Dev

AngularJS:スコープ値は変更されますが、常にng-classが適用されるとは限りません

分類Dev

Angular8変数にngモデルとして保存されている画像srcを表示します

分類Dev

ng-srcは正しく機能していませんが、srcは正常に機能しています

分類Dev

md-selectはng値のテキストで更新されません

分類Dev

入力無線ng-モデルは結局更新されません

分類Dev

ng-repeatを使用してリストを選択すると、データはありますが、Angularjsに表示されません

分類Dev

Angular:ngテストは実行されますが、テストケースは実行されません

Related 関連記事

  1. 1

    ng-ifをAngularで使用すると、ビューが更新されません

  2. 2

    AngularJS:ng-optionsが更新されてもng-modelは更新されません

  3. 3

    ng ForはIE11(CoreJSを使用するRC4)で更新されません

  4. 4

    ng-class条件は変更されますが、クラスは更新されません

  5. 5

    Ng-showはng-repeatで更新されません

  6. 6

    ボタンでは ng-disabled ですが、値を変更しても更新されません

  7. 7

    AngularJS-ng-repeat内でng-showを正しく使用する方法は?ブール値が更新されていません

  8. 8

    角度/イオンng-クリックしてもビューは更新されませんが、モデルでは更新されます

  9. 9

    オプションngを選択します-モデルが変更された後、繰り返しは更新されません

  10. 10

    ng-model値はngModelCtrl。$ commitViewValue();で更新されません。

  11. 11

    ng-repeatは保存後に自動更新されません

  12. 12

    textareaへのng-modelは更新されません

  13. 13

    textareaへのng-modelは更新されません

  14. 14

    syslog-ngが起動し、手動で正常に実行されます... systemdを使用すると、起動しますがログは作成されません

  15. 15

    評価されている値が更新されている間、Angularのngクラスは更新されていません

  16. 16

    md-selectのng-modelは選択された値を更新しません

  17. 17

    Angular Digestサイクルは実行されていますが、ng-bind値が更新されていません

  18. 18

    AngularJs:ng-valueを使用してデータをコピーしますが、モデルは更新されません

  19. 19

    ng-repeatスコープを更新すると、ng-repeatにない予期しないアイテムが削除されます

  20. 20

    <select>がJavaScriptで変更された場合、ng-modelは更新されません

  21. 21

    ng-repeatのdivが更新されていませんか?

  22. 22

    ng-ng-repeat内で更新されないことを表示します

  23. 23

    AngularJS:スコープ値は変更されますが、常にng-classが適用されるとは限りません

  24. 24

    Angular8変数にngモデルとして保存されている画像srcを表示します

  25. 25

    ng-srcは正しく機能していませんが、srcは正常に機能しています

  26. 26

    md-selectはng値のテキストで更新されません

  27. 27

    入力無線ng-モデルは結局更新されません

  28. 28

    ng-repeatを使用してリストを選択すると、データはありますが、Angularjsに表示されません

  29. 29

    Angular:ngテストは実行されますが、テストケースは実行されません

ホットタグ

アーカイブ