How to show a modal view upon a click of a textfield but without the keyboard appearing?

I am a newbie to AngularJS and Ionic framework.

I'm building a hybrid app using PhoneGap and Ionic.

I have a situation where the user clicks on a UITextField, and then a modal pops up with a list of account numbers where selecting an account number will make the modal go away and the selected value entered in the UITextField.

So far I have made it to a stage where clicking on the UITextField fires the modal popup event, but since the input type is text, the keyboard shows up too. (iOS platform)

How can I go about this?

Thanks in advance.

use UITextFieldDelegate method textFieldDidBeginEditing

-(void)textFieldDidBeginEditing:(UITextField *)textField
{
    [textField resignFirstResponder];
}

Try this one, if u need any more information then u can share.

  -(void)textFieldDidBeginEditing:(UITextField *)textField
 {
   [textField resignFirstResponder];
   SampleViewController *sample = [[SampleViewController alloc] initWithNibName:@"SampleViewController" bundle:nil];
   [self.navigationController presentViewController:sample animated:YES completion:nil];
 }