如何在Ionic 2中以编程方式修改离子搜索栏？我搜索了一段时间，但没有发现任何解决方法。
我想从searchview.ts访问和修改searchbar对象的默认方法。（例如，在onClear（）内部，调用onCancel（）并导航至其他视图）。这是我的html文件中的搜索栏。
<ion-searchbar [showCancelButton]="true" (ionClear)="onClear()">
</ion-searchbar>
我想做类似的事情；
onClear(){
var searchbar = this.searchbar // reference the search bar in the html file, but how do I get this?
searchbar.onCancel();
this.navigateToHome();
}
在此先感谢您的帮助！
编辑：添加了代码示例。将示例修改为从onClear（）调用onCancel（），而不是相反。
我以为我不知道如何正确地问这个问题，我应该问过如何从控制器访问html中的子组件/视图；
<ion-searchbar #mySearchBar (ionCancel)="onCancel()"></ion-searchbar>
然后像这样访问它；
@ViewChild('mySearchBar') searchbar:Searchbar;
并像这样使用它；
this.searchbar.ionCancel()
整个代码；
import { Component, ViewChild } from '@angular/core';
import { Searchbar } from 'ionic-angular';
export class DictionaryPage {
@ViewChild('mySearchBar') searchbar:Searchbar;
constructor(){
this.searchbar.ionCancel()}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句