无法点击离子搜索图标进行搜索

我有这样的代码：无法点击离子搜索图标进行搜索

<ion-content padding="true" class="has-header"> 
    <form id="search-form2" class="list"> 
     <label class="item item-input" id="search-search2"> 
     <i class="icon ion-search placeholder-icon"></i> 
     <input type="search" placeholder="{{staticLabels.whatToSearch}}" ng-model="vModel.searchText"> 
     </label> 
    </form> 
    </ion-content>

搜索栏只有当有人按输入关键字后进入工作，但我想用户还点击搜索图标执行搜索。

我想：

<i class="icon ion-search placeholder-icon" ng-click="vModel.somefxn()"></i>

，但它不工作..任何想法？

来源

2017-07-19 Sanjay Singh

尽管ion-searchbar指令用于搜索列表，但您的带有图标&的版本的搜索输入字段应该正常工作。如果你添加游标：指向css属性到i标签，ng-click将会正常工作。您可能会想知道这仅仅是为悬停的桌面显示手形图标，但它有助于触发移动设备上的触摸事件，即使您使用传统的点击事件也可以使用标签。所以下面应该很好地工作：

<i class="icon ion-search placeholder-icon search" ng-click="vModel.somefxn()"></i>

在哪里搜索类可以是：

.search { 
    cursor: pointer; 
    padding: 3px; 
}

填充只会有助于提高搜索图标可点击区域。

例子：https://codepen.io/anon/pen/Ogewrv

来源

2017-07-19 16:43:01 Shantanu

谢谢主席先生。我试过光标作品使搜索图标，点击实体，但仍是点击同一不会启动功能类似codepen。我试过它只有当我删除标签不知何故标签块触发功能，但没有标签我没有搜索区域键入关键字因此，我用div标签替换标签，它开始工作:) –

无法点击离子搜索图标进行搜索

回答

相关问题