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

Question

 嗨，我正在上传文档以及一些关键字，如图所示。这是将关键字插入到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>

正如您所见，基于{{tag.name}}数组的迭代形成了关键字（ul.tagsForDocuments）。

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

Answer 1

在您的控制器中，您可以：

ul.tagsForDocuments = [];

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