Html 离子图标位置

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

在列表->图标下

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

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

{{item.name}

---

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

您忘记了类属性后的相等符号：

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

您是否正确加载了Ionic CSS（以及所有其他必需的资源）？检查浏览器控制台是否存在404错误。