如何使用angular(不使用jquery)清除引导模式内容

Question

我第一次使用Angular JS进行开发，并创建了以下引导模式，其中有一个包含一些内容和输入的表。这是代码：

<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4>User Menu</h4>
        </div>
        <div class="modal-body">
            <div class="tablecontainer">
                <table class="table table-striped table-hover table-condensed">
                    <colgroup>
                        <col class="col-md-1">
                        <col class="col-md-2">
                        <col class="col-md-2">
                        <col class="col-md-3">
                        <col class="col-md-2">
                        <col class="col-md-2">
                    </colgroup>
                    <thead>
                        <tr>
                            <th>&nbsp;</th>
                            <th>Firstname</th>
                            <th>Lastname</th>
                            <th>Address</th>
                            <th>Attachment</th>
                            <th>Group</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="user in users">
                            <td>
                                <input type="checkbox" value="" ng-model="ctrl.checked[$index]" ng-disabled="ctrl.fileupload!==undefined" ng-change="ctrl.checkBox($index)" />
                            </td>
                            <td>{{user.firstname}}</td>
                            <td>
                                <select class="form-control" ng-model="user.selectedAddress" ng-change="ctrl.checked[$index] = user.selectedAddress.destAddress" ng-options="o as o.destName for o in user.addresses"></select>
                            </td>
                            <td>{{user.selectedAddress.destAddress}}</td>
                            <td><input type = "text" class="customPart" 
                     ng-model="ctrl.customText[$index]" /></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            [...]
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-flat" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

清除引导模式以重置用户输入的角度方式是什么？

Answer 1

您不会重置UI以获得新的模型，也不希望做相反的事情。您需要重置模型，然后您的UI将被重置。

您可以编写一个函数来重置users数组。例如：

function reset() {
    for(var i = 0; i < users.length; i++) {
        users[i].selectedAddress = null;
    }
}