没有ui-sref列表项导航的列表项上的离子按钮

1 回答

• 0

  您在离子项中使用了ui-sref指令，将其作为链接（如 <a> 标记），然后在中间添加按钮，当然，当您单击按钮时，它将执行页面导航 .

  你需要在外面定义你的按钮 .

  <ion-item ng-class="{'save': item.save}" collection-repeat="item in items" ui-sref="tab.page({id:item.$id})">      
  </ion-item>
  
  <button class="icon button top-right" ng-click="item.save = !item.save" ng-class="{'ion-ios-heart button-clear button-assertive':item.save, 'ion-ios-heart-outline  button-clear button-stable':!item.save}"></button>
  

  Update : 基本上，当你在链接标签内有按钮时，按钮会在链接触发后首先调用 . 所以如果点击按钮，你需要做的就是以某种方式为你的ui-sref eveent返回false .

  因为你正在使用angularjs，你可以这样做（我没有测试它，但它应该工作，让我知道这是否有效）：

  1 - 在你的离子项上添加ng-click

  <ion-item ng-click="isNavigation()" ng-class="{'save': item.save}" collection-repeat="item in items" ui-sref="tab.page({id:item.$id})">
  

  2 - 更改按钮ng-click以使用功能

  <button class="icon button top-right" ng-click="myFunctionName(item.save)" ng-class="{'ion-ios-heart button-clear button-assertive':item.save, 'ion-ios-heart-outline  button-clear button-stable':!item.save}"></button>
  

  3 - 在您的控制器中：

  $rootScope.isNavigation=true;
  $scope.isNavigation=function(){
      if($rootScope.isNavigation)
           return true;
      else
          return false;
  }
  $scope.myFunctionName(item){
    $rootScope.isNavigation=false;
    return item.save = !item.save;
  }
  

  回复于 2024-04-30T23:20:43+08:00