Html 单击按钮Angularjs即可删除所有输入数据和输入表单

我试图删除我的所有输入框在一个表单上点击一个按钮。我正在使用“编辑配置文件”功能，当用户单击“关闭”按钮时，所有输入框都将被删除，输入数据将被删除并恢复为以前的值。这就是我的html的样子

                <!-- Family and Freinds -->
            <div class="form-group">
                <label for="Fam">Family and Freinds</label>
                <div ng-repeat="info2 in infos.Family" id="Fam">
                    <div>{{info2}}&nbsp;<button type="button" class="close" ng-click="delete(info2, 2)">&times;</button></div>      
                </div>
                <input placeholder="Enter in a new family member or freind" type="text" ng-model='info2'>
                <button type="button" class="btn btn-primary" ng-click="add(info2, 3)">Add Freind/Family member</button>
            </div>
        </form> 
    </div>

    <!-- save and cancel -->
    <div class="modal-footer">
        <form role="form">
        <button id="save" type="button" class="btn btn-primary"> Save</button> 
        <button type="button" class="btn btn-default" data-dismiss="modal"> Close</button>
    </div>

家庭与弗林
{{info2}}×；
添加FRIND/家庭成员
拯救
接近

---

我尝试过使用type=“reset”和其他方法，但到目前为止没有任何效果。如果您需要任何帮助，我们将不胜感激。

您需要在关闭按钮上添加ng单击，并重置/删除控制器中的范围数据，例如：

<button type="button" class="btn btn-default" ng-click="resetForm()"> Close</button>

---

除了像@Jason所解释的那样销毁模型对象之外，执行重置的一种常见方法是首先将原始对象的副本绑定到表单。现在取消就变成了总是抛出实体

这要求您将模型结构为对象，而不是$scope上的直接属性。 然后你做一些类似的事情

$scope.infosEdit=angular.copy（infos）

并将视图绑定到属性
infosEdit

现在取消呼叫变为

$scope.infosEdit=angular.copy（infos）

这与将更改还原为原始设置一样好。
谢谢，我要尝试一下
$scope.resetForm = function() {
    delete $scope.infos;
}