微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – ng-click无法在离子应用程序中工作

这是我的演示Ionic Application的简单代码.

<body ng-app="starter" ng-controller="catego">

  <ion-pane >
  <ion-header-bar class="bar bar-positive">        
    <button class="button icon ion-navicon"></button>
    <h1 class="title">Hardware Shop</h1>    
    <button class="button button-clear  icon ion-plus-circled" ng-click="popover.show($event)"></button>         
  </ion-header-bar>

  <div class="bar bar-subheader item-input-inset">
    <label class="item-input-wrapper">
      <i class="icon ion-search"></i>
      <input type="text" placeholder="Search item" ng-model="searchitem"/>
      <button class="button button-clear" ng-click="clear()">NOTWORKING</button>
    </label>
  </div>

  <ion-content class="has-subheader" style="padding:5px !important;">
    <ion-refresher pulling-text="Refreshing..." on-refresh="dorefresh()"></ion-refresher>
      <div class="list" >
        <div ng-repeat="element in data | filter : searchitem| orderBy : 'category'">
          <div class="item item-divider">{{ element.category }}</div>
          <ion-list can-swipe="true">
            <ion-item class=""  href="#" ng-repeat="innerelement in element.companies | filter : searchitem | orderBy : 'toString()' track by $index">
          ---   {{innerelement}}&nbsp;<br/>
            <ion-option-button class="button-positive icon ion-edit"></ion-option-button>
            </ion-item>
          </ion-list>
        </div>
      </div>
   </ion-content>
</ion-pane>
</body>

我的副标题中的按钮表示NOTWORKING不起作用.我确保控制台中没有错误,所有其他方法都正常工作.有什么我想念的吗?

任何帮助都非常感谢.

解决方法:

你必须移动< button>在< label>之外如下面的代码

   <div class="bar bar-subheader item-input-inset">
      <label class="item-input-wrapper">
        <i class="icon ion-search"></i>
        <input type="text" placeholder="Search item" ng-model="searchitem" />
      </label>
      <button class="button button-clear" ng-click="clear()">NOTWORKING</button>
    </div>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐