如何在AngularJS中动态添加css？

Question

您好我正在尝试动态添加css，但它不起作用，下面是我的代码

angular.module('myApp', [ 'myApp.controllers','myApp.services']).
config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/new', { templateUrl: 'partials/add.html', controller: 'add' ,resolve: {
style : function(){
  /* check if already exists first - note ID used on link element*/
  /* could also track within scope object*/
alert("DSAF");
    angular.element('head').append('  <link rel="stylesheet" href="css/app.css"/>');

}
}})  }]);

Answer 1

如果没有关于代码的更多信息，将很难提供帮助，但无论如何这里有两个（简单）的事情让我想到：

• 确保路径css / app.css重定向到文件，即没有404，
• angular.element('head')只有在角度之前加载jquery才有效，否则你会有关于jqLit​​e的错误。

最后，我组装了一个plunker here，其中所有内容都以它应该基于代码提取的方式工作。如果有帮助，请告诉我。