Question

我目前正在构建购物车应用程序。我在angularjs上使用离子。

列表 - ＆gt;下的

http://ionicframework.com/docs/components/#item-icons图标

正如您在离子教程页面上看到的那样，您可以将图标设置为右侧或左侧。

<div class="list">

  <a class="item item-icon-left" href="#">
    <i class="icon ion-email"></i>
    Check mail
  </a>

然而，当我尝试使用计算机时，它并没有那样工作。

我遵循了离子指南，但似乎我的图标恰好在我的文字上，而不是在整行的右侧。

我也附上了我的代码。

<div class="col ">
    <label class = "item item-input">
        <i class = "icon ion-search placeholder-icon"></i>
        <input type ="text" placeholder="Search" ng-model ="query">
    </label>    
    <div class="padding-horizontal">
        <ion-list>
            <ion-item ng-repeat="item in list | filter:query | orderBy:'name'">
                    <a class "item item-icon-right" >
                        <span style="color:blue">{{item.name}}</span>
                        <i class="icon ion-plus-circled" ng-click="add(item.name)"></i>
                    </a>
            </ion-item>
        </ion-list>
    </div>
</div>

我应该使用CSS吗？想附加图片，但我不能，因为我刚刚创建了这个id。

Answer 1

你忘了课后属性的等号：

<a class="item item-icon-right">

离子图标位置

1 个答案: