-2

在 (fa) 以前的版本 (4) 中，图标在 app.layout.isSmallSidebar 变量更改后成功更新，但现在 (veriosn 5) 没有。它似乎与它的呈现方式有关......

任何想法为什么？以及如何解决这个问题？

提前致谢！

4

2 回答 2

1

几天来，我一直在寻找同样的解决方案（我认为）。事实上，似乎没有 NG 标签适用于 FA5，我相信我已经找到了原因。根据 FA5 安装说明，您将包含一个 js 脚本来代替样式表。js 脚本在运行时将所有新的 FA 图标更改为 SVG，从而更改它们在您的 dom 上的引用。这使您的 NG 标签适用于不再存在的东西。

解决方案包括：

<link href="//use.fontawesome.com/releases/v5.0.1/css/all.css" rel="stylesheet">

而不是我怀疑你正在使用的：

<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>

这就是 georgeawg 在他的示例中使用的内容，这就是它起作用的原因。

于 2018-04-07T16:13:43.997 回答
0

Font Awesome 5 适用ng-class于：

这个DEMO

    <link href="//use.fontawesome.com/releases/v5.0.1/css/all.css" rel="stylesheet">
    <script src="//unpkg.com/angular/angular.js"></script>
  <body ng-app>
    <fieldset>
     <i class="fa" ng-class="{'fa-times': selClose,
                              'fa-image': !selClose}">
       
     </i>
     Selectable icon
    </fieldset>
    <input type=checkbox ng-model="selClose">Select close icon
    <fieldset>
     <i class="fa fa-times"></i>
    </fieldset>
    <fieldset>
     <i class="fa fa-image"></i>
    </fieldset>
  </body>

于 2017-12-19T22:29:43.413 回答