2016-01-11 3 views
0

Я разрабатываю в первый раз с Angular JS, и я создал следующий загрузочный модальный, в котором есть таблица с некоторым содержимым и входами. Вот код:Как очистить загрузочный модальный контент с угловым (без использования jquery)?

<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> 

Что угловой способ очистки самозагрузки модальным для сброса данных, вводимых пользователем?

ответ

1

Вы не сбрасываете пользовательский интерфейс, чтобы иметь новую модель, вы не должны делать наоборот. Вам нужно сбросить модель, тогда ваш пользовательский интерфейс будет сброшен.

Вы можете написать функцию, которая сбрасывает ваш массив users. Например:

function reset() { 

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

Ваше решение заставляет меня глубоко вникать, и я нашел 'angular.copy'. Вы знаете какой-либо способ использования 'angular.copy' с массивом' users'? Кажется, что копия не работает с массивами. Я прав? – smartmouse

Смежные вопросы