Question

我有一个列表，如何将2个按钮放在右边，一个放在左边？

这是我的代码，我尝试了很多东西但没有工作。

        <ion-content>
                  <ion-refresher
                        pulling-text="Pull to refresh..."
                        on-refresh="refrescarNuevosPosts()">
                  </ion-refresher>
                  <div class='list'>
                      <a  class='item item-avatar-left' ng-repeat="post in posts" ng-click='openLink(post.url)'>

                          <img ng-src='{{ post.thumbnail}}' ng-if="post.thumbnail.indexOf('http') === 0"/>
                          <h2 class='post-title'>{{ post.title}}</h2>
                          <p><span am-time-ago="post.created_utc" am-preprocess="unix">{{ post.domain}}
                          </p>
                      </a>  
                  </div>
                  <ion-infinite-scroll
                     on-infinite="cargarNuevosPosts()"
                    distance="1%">
                  </ion-infinite-scroll>
        </ion-content>

Answer 1

试试这个

        <ion-list>
        <ion-item collection-repeat="c in clientes | filter:pesquisa" ng-click="getCliente(c)" class="item-button-right item-button-left">
            <!-- 1 button -->
            <button class="button button-positive">
                <i class="icon ion-ios-telephone"></i>
            </button>                                

            <p>{{c.email}}</p>

            <!-- 2 buttons -->
            <div class="buttons">
                <button class="button button-energized">
                    <i class="icon ion-android-locate"></i>
                </button>
                <button class="button button-dark">
                    <i class="icon ion-android-arrow-forward"></i>
                </button>
            </div>                                            
        </ion-item>
    </ion-list>

ion-list的结果

请参阅http://pointdeveloper.com/add-multiple-buttons-to-list-item-for-ionic-framework-apps/

我希望我能以某种方式帮助

将按钮放在列表中，如离子图所示

1 个答案: