2016-10-08 15 views
0

私はCodeigniterでAngularJSで作業するようになりました。私はfont-awesomeオフラインを使用したいが、それを動作させることはできない。AngularjsでCodeigniterのファイルフォルダ構造にする必要があります

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

      } 

:私はとしてフォントフォルダへの参照を持っている

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

今私のフォントawesome.cssファイルに: 私はある自分のアプリケーションのファイルフォルダ構造を疑います私のアプリケーションのヘッダには、font-awesome.cssファイルが含まれています:

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

AngularJSをCIに完全に統合したわけではありませんが、フォントの素晴らしいアイコンを表示したいページが2つあるだけです。

どんな種類のヘルプでも大歓迎です。

答えて

0

私はファイルの構造が問題ないことを発見しました。問題の原因は、私がng-classを間違った方法で使用していたためです。これは私がやっていたものです

...クラス名と

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

しかし、私はこれを達成するための正しい方法があることを発見...

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

お知らせ欠落している単一引用符前者のコードはです。

だから、この間違いは、ブラウザでフォントの素晴らしいアイコンを表示していないということでした。

希望はいくつかそこに役立つでしょう:-)。

関連する問題