title: BootStrapDialog + AngularJS filters - the filter is not working
body: <p>I have been using bootstrap dialog and i like it very much. Code below.</p>
  
  <pre><code>function resolveTicket(itemId) {
      //return dataservice.remedy.resolveTicket(itemId, 'test').then(function (data) {
      //    log('Resolved tkt ' + itemId + ' by ' + config.user);
      //});
      var dialog = new BootstrapDialog({
          title: 'Resolve ' + itemId,
          message: '&lt;textarea id="txtMessage" name="txtMessage" rows="5" cols="71"&gt;&lt;/textarea&gt;',
          draggable: true,
          buttons: [{
              label: 'Resolve',
              cssClass: 'btn-primary',
              action: function (dialogref) {
                  dialogref.close();
                  var closureComments = dialogref.getModalBody().find('textarea').val();
                  return dataservice.remedy.resolveTicket(itemId, closureComments).then(function (data) {
                      log('Resolved tkt ' + itemId + ' by ' + config.user);
                  });
              }
          }, {
              label: 'Close',
              cssClass: 'btn-primary',
              action: function (dialogItself) {
                  dialogItself.close();
              }
          }]
      });
      dialog.realize();
      dialog.getModalHeader().css('background-color', 'rgb(44, 62, 80)');
      dialog.open();
  }
  
  &lt;ul class="list-unstyled item-list"&gt;
      &lt;li ng-repeat="r in vm.remedyTickets  | orderBy:'CreatedDate' "&gt;
          &lt;span class="item rt"&gt;
              &lt;!--Row 1--&gt;
              &lt;div class="itemRow"&gt;
                  &lt;div class="r1l"&gt;
                      &lt;span&gt;{{r.FullName}}&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!--Row 2--&gt;
              &lt;div class="itemRow"&gt;
                  &lt;div class="r1l"&gt;
                      &lt;span class="ticketNumText"&gt;{{r.TaskId}}&lt;/span&gt;
                      &lt;a class="btn btn-xs disabled ticket-{{r.StatusId}}"&gt;{{r.StatusId}}&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class=" r1r quickActions"&gt;
                      &lt;span class="small glyphicon glyphicon-trash" title="Resolve/Close the ticket" data-ng-click="vm.resolveTicket(r.TaskId);$event.stopPropagation();"&gt;&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
             &lt;/span&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The Resolve button resolves the ticket and updates the status as 'Resolved'. Works good so far.</p>
  
  <p>Today i introduced a filter in ng-repeat like below.</p>
  
  <pre><code>&lt;li ng-repeat="r in vm.remedyTickets  | orderBy:'CreatedDate' | filter: { StatusId: '!Resolved'} "&gt;
  </code></pre>
  
  <p>My expectation was, as soon as i resolve the ticket(by opening the dialog and clicking on resolve button), the status should change to Resolved and the ticket should go away from the ng-repeat.</p>
  
  <p>This is not working if i put the resolve ticket inside bootstrap dialog like above. The ticket is resolved, status is updated as 'Resolved' but it is still in the ng-repeat.  </p>
  
  <p>If i change the javascript like below, it works i.e., as soon as i resolve the ticket, it goes away.</p>
  
  <pre><code>function resolveTicket(itemId) {
      return dataservice.remedy.resolveTicket(itemId, 'test').then(function (data) {
          log('Resolved tkt ' + itemId + ' by ' + config.user);
      });
  }
  </code></pre>
  
  <p>Problem is with BootStrapDialog + angularjs filters</p>
  
  <p>Any idea/alternative?</p>