如何在 angularjs 中的某些事件完成后删除绑定在 html 元素内的动态数据

Question

您好，我正在上传文档以及一些关键字，您可以在 diagram.Here 中看到用于将关键字插入 div.

面板中的代码

<div class="tagListForDocument col-xs-6 col-md-6">
    <div class="panel panel-default">
        <div class="panel-heading">{{'TAG.TagsForDocument' | translate}}</div>
        <div class="panel-body btn-group-vertical" role="group" aria-label="available tags">
            <button ng-repeat="tag in ul.tagsForDocuments" ng-click="ul.removeTag(tag)" class="btn btn-flat">
                <span class="icon-remove"></span> {{tag.name}}
            </button>
        </div>
    </div>
</div>

如您所见，关键字是根据 ul.tagsForDocuments 数组的迭代形成的 ({{tag.name}})。

现在我的问题是，我想在上传后删除所有这些关键字 finished.That 意味着在第二次上传之前面板应该是空的。但是不知道这样做的有效方法。如何使用空 ul.tagsForDocuments 数组重新加载 html 的这个特定部分。

Answer 1

在你的控制器中你可以做：

ul.tagsForDocuments = [];

这将使数组为空。 Angular 随后将相应地更新视图。

如何在 angularjs 中的某些事件完成后删除绑定在 html 元素内的动态数据

How to delete dynamic data binded inside html elements after some event completion in angularjs

javascript

angularjs

angularjs-directive

dom-manipulation