html - ionic 图标位置

Question

我目前正在构建一个购物车应用程序。我在 angularjs 之上使用 ionic。

http://ionicframework.com/docs/components/#item-icons在列表-> 图标下

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

<div class="list">

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

但是当我在我的电脑上尝试时，它不能那样工作。

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

我也附上了我的代码。

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