Question

我刚刚开始使用AngularJS在Codeigniter中开发应用程序。我想离线使用font-awesome，但不能让它工作。我怀疑我的应用程序的文件夹结构是：

CI-AJS-APP
 -app
 -application
 -assets
  -css
  -font-awesome
   -font-awesome.css
   -font
  -js
 -system
 ...

现在在我的 font-awesome.css 文件中，我引用了 fonts 文件夹：

@font-face {

    font-family: "FontAwesome";
    src: url('font/fontawesome-webfont.eot');
    src: url('font/fontawesome-webfont.eot?#iefix') format('eot'),
    url('font/fontawesome-webfont.woff') format('woff'),
    url('font/fontawesome-webfont.ttf') format('truetype'),
    url('font/fontawesome-webfont.svg#FontAwesome')
    format('svg');
    font-weight: normal;
    font-style: normal;

          }

在我的应用程序标题中，我将 font-awesome.css 文件包括在内：

<link rel="stylesheet" href="<?php echo base_url();?>assets/
font-awesome/font-awesome.css">

我还没有在CI中完全集成AngularJS，只是为了一两页我想要显示字体真棒图标。

任何形式的帮助将不胜感激。

Answer 1

我发现文件结构没问题。问题的原因是我以错误的方式使用 ng-class 。

这就是我在做的......

ng-class="{{fa fa-sort-asc}}"

但我发现实现这一目标的正确方法是......

ng-class="{{'fa fa-sort-asc'}}"

请注意前代码中缺少带有类名的单引号。

所以，这个错误并没有在浏览器中显示字体真棒图标。

希望对那些人有所帮助： - ）。

使用Angularjs的Codeigniter中的文件夹结构应该是什么

1 个答案: