ng-click不適用於離子應用

Question

這是我的演示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不起作用。 我確保控制台中沒有錯誤，所有其他方法都正常工作。 有什么我想念的嗎？

任何幫助都非常感謝。

Answer 1

你必須在<label>之外移動<button> ，如下面的代碼所示：

   <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>

Answer 2

我發現這個更好了，這在我的應用程序上運行良好，在Ios上也很好

$scope.$on('$stateChangeSuccess', function() {  

       $('*[ng-click]').each(function() {
            $(this).attr("ng-click");
            $(this).attr("on-touch", $(this).attr("ng-click"));
        });
});

ng-click不適用於離子應用

問題描述

2 個解決方案

解決方案1
5 已采納 2016-01-19 07:37:44

解決方案2
0 2017-06-30 08:13:18

ng-click不適用於離子應用

問題描述

2 個解決方案

解決方案1 5 已采納 2016-01-19 07:37:44

解決方案2 0 2017-06-30 08:13:18

解決方案1
5 已采納 2016-01-19 07:37:44

解決方案2
0 2017-06-30 08:13:18