[WordPress] Triggering Angular Events with jQuery

angular-change-event.js

$('select[ng-model="schedule.payment_method"]').each(function() {

  // For the purposes of this example, we're going to select the first option.
  $(this)
    .children('option:eq(1)')
    .attr('selected', 'selected');
  
  // Make sure the select element reflects the change (as setting the option doesn't always do this properly).
  $(this).val($(this).children('option:selected').attr('value'));

  // Now use the Angular API's triggerHandler function to call the change.
  angular.element($(this)).triggerHandler('change');
});

angular-markup-example.html

<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="item.payment_method" ng-change="updatePaymentMethod(item)" ng-options="method.display_name for method in paymentMethods track by method.id">
  <!-- more to come -->
</select>

angular-markup.html

<select class="form-control ng-pristine ng-untouched ng-valid ng-empty" ng-model="item.payment_method" ng-change="updatePaymentMethod(item)" ng-options="method.display_name for method in paymentMethods track by method.id">
  <option value="?"></option>
  <option value="1042" selected="selected">Card 1001 (01/18)</option>
</select>

jquery-change-event.js

$('select['ng-model="item.payment_method"]').trigger('change');