Handling on load, on change via angular, jquery and web api

I am binding dropdown select with ng-repeat.

On change i am calling a jquery function,

  var valueSelected = $('#month option:selected').val();
   var textSelected = $('#month option:selected').text().trim();       
 angular.element(document.getElementById('month')).scope().SelectedMonth(valueSelected, textSelected);

Based on selected value, i load the data on the form- which works.

Here is my angular function below:

$scope.SelectedMonth = <> -> internally does a webapi call to load data.

Question: I want to automatically identify the selected element and load the data on the form accordingly.

Essentially,call the same angular function on load and change in a way that ,the combobox is first filled in before actual load call happens?