2017-10-21 12 views
0

現在、特定のアイテムを検索できるモバイルアプリがあります。を押すと検索機能が現在動作します。タグ。ユーザーが「スペースバー」を押すのではなく、モバイルキーボードのgo/search/を押すとタグを作成します。Ionic - ユーザーがキーボードでgo/enterを押したときにタグを作成する

以下のコードは、私が現在使用している機能であり、 ""があるときにタグを作成します。いくつかの項目は、私はあなたがそれを変更するものを私に示すことができたので、もし行くが/モバイルデバイス上のボタンの動作を入力してどのようにうまくいかないことができ、このようなチャイ種子

constructor(public keyboard: Keyboard, public formBuilder: FormBuilder, public navCtrl: NavController, public navParams: NavParams, public apiAuthentication: ApiAuthentication, private http: Http) { 
    this.tags = []; 
    this.myForm = this.formBuilder.group({ 
     tags: [''] 
    }); 
    this.myForm.get('tags') 
     .valueChanges 
     .subscribe((value: string) => { 
     if(value.indexOf(' ') > -1) { 
      let newTag = value.split(' ')[0]; 
      console.log(newTag); 
      if(newTag) { 
      this.tags.push(newTag); 
      this.myForm.get('tags').setValue(''); 
      } 
      this.searchRecipeDB(this.tags); 
     } 
     }); 
    } 

として2つの言葉ですので、これは変更するだろう必要があります偉大になる。あなたは、イオン入力、イオンTEXTAREAを使用していると仮定し

おかげで、

答えて

0

、あなたはキー押下イベントに耳を傾けることができます。

<ion-input (keypress)="onPress($event.which) ... > 

.TS:

onPress(keyCode: number): void { 
if(keyCode === 13) { 
    // the keyCode for return/go/enter is 13 (iphone's) 
    doWhateverYouWant(); 
} 
} 

することができます他のキーコードをここで検索: https://www.w3schools.com/charsets/ref_utf_basic_latin.asp

関連する問題