How to load data from API in modal (ionic 1)

image here

controller html

<ion-content  class="padding has-tabs-top" ng-controller="SearchCtrl">
	<button class="button button-block button-black-green " tappable ng-click="" >

modal html

<script id="my-modal.html" type="text/ng-template">
		<ion-header-bar class="bar-not-dark">
			<button class="button" ng-click="searchModal.hide()">Cancel</button>
			<h1 class="title">Search Attendance</h1>
		<ion-content ng-controller="ModalCtrl">
		  <form class="list" name="searchForm">
		  <div class="list">
			  <label class="item item-input item-select">
				<div class="input-label">
				<select  ng-model="searchForm.month">
				 <option selected value="">Select Month</option>
				 <option ng-repeat="monthList in monthData" onload='loadMonth()' ng-if="monthData"  value="{{monthList.month}}">
			<button type="submit" class="button  button-block button-black-green" ng-click="searchAtt(searchForm)">Submit</button>

controller js

.controller('SearchCtrl', function($scope, $ionicLoading,$ionicModal,$http,$window) {
	var start=1;
	$scope.monthData = {};
	$scope.loadMonth = function () {
		var log_user = window.localStorage.getItem("log_user");
		.then(function successCallback(response) {
			$scope.monthData = response;
		  }, function errorCallback(response) {
	$ionicModal.fromTemplateUrl('my-modal.html', {
		scope: $scope
    }).then(function (modal) {
        $scope.searchModal = modal;
	$scope.openModal = function($scope) {
	$scope.closeModal = function() {

How will i pass $scope.loadMonth(); data to modal page. I have attached modal page image. I want to load month list from api in modal for (ionic 1) project. I have attached only month load part code.
Any Tips or any idea.