Question

我的离子项目中有一个列表，其中包含一些我要点击的图标。但我无法通过htmll onclick（）或AngularJS ng-click来获取点击。我的HTML看起来像这样：

<ion-view view-title="CUES - WATCH LIST">
  <ion-content>
    <div class="notification-message col-80" ng-hide="hideNotificationMessage" ng-click="hideNotificationMessage=true" ng-bind-html="messageContents"></div>
    <ion-list>
      <ion-item ng-repeat="watchlistitem in watchlist" href="#/app/trailer/{{watchlistitem.id}}">
        <div class="watchlist-movie-thumb">
          <img class="movie-thumb-image" src="{{watchlistitem.picture}}">
        </div>
        <div class="col-75 watchlist-title-genre-container">
          <div class="watchlist-movie-title">
            {{watchlistitem.title}}
          </div>
          <div class="watchlist-movie-genres">
            {{watchlistitem.genres}}
          </div>
        </div>
        <a class="item-icon-right" onclick="alert('you clicked me');" ng-click='remove_movie()'>
          <i class="icon ion-trash-a" style="color:black;padding-top:40px"></i>
        </a>
        <a class="item-icon-right">
          <i class="icon ion-ios-upload-outline" style="color:black;padding-bottom:40px;"></i>
        </a>
      </ion-item>
    </ion-list>
  </ion-content>
</ion-view>

即使是onclick（）也没有拿起点击这一事实也很奇怪。我已经尝试将z索引更改为9999，但这没有任何区别。

Answer 1

我通过尝试我能想到的每一个html mod偶然发现了答案。

这有点像一个小屋，但在不影响布局的情况下工作。

我只是在标签中添加了一个右边的样式，如下所示：

＆＃13;

<a class="item-icon-right">
    <i class="icon ion-ios-upload-outline" style="margin-right:-2px;color:black;padding-bottom:40px;" ng-click='remove_movie()'></i>
</a>

＆＃13;

在修复点击问题方面似乎并不重要，只要它存在，我给予保证金权利。它确实会像你期望的那样改变布局。

离子列表中的图标不可点击

1 个答案: