Question

我有一个来自角度镜的图像，该图像放在from中的背景图像上，当我提交表单时，我从表单中清除了数据，但是图像仍然存在。我如何能够从$ scope中删除图像，然后再次看到背景图像。

这是代码（示例）

<form ng-submit=submitform()>
  <input type="text" ng-model="formdata.gametitle">
  <input type="text" ng-model="formdata.image">
  <img ng-src="{{formdata.image}}" style="background-image: 'url("select.jpg")'; width: 5vw; height: 7vw;"/>
<input type="submit">

那么用户将建议的图像作为HTML链接添加到输入（formdata.image）的过程中，在这种情况下，直接显示屏幕上的图像。当用户单击“提交”按钮时，我将表单数据清除干净（当然，首先将其添加到数据库之后）

$scope.formdata = [];

这将清除所有输入字段，但是图像保持不变。我可以作为示例：

$scope.formdata.image = "//:0" // broken image link displayed
$scope.formdata.image = "" // does not do anything
$scope.formdata.image = $0; // results in crash
$scope.formdata.image = null; // no result

我如何能够从formfield中删除完整的数据并删除图像显示，我不想“隐藏”完整的图像，我只想显示背景图像。当第一次加载DevTools元素提及的表单时，您可以使用== $ 0来引用此表达式，即“在console.log中使用$ 0引用该元素”。在这种情况下，没有数据。

Answer 1

要清除一个表单的所有数据，可以使用$ destroy。

$scope.formdata.$destroy

angularjs从ng-src删除$ scope.expression

1 个答案: