css - 如何在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')仅当在 angular 之前加载 jquery 时才有效，否则您将遇到关于 jqLit​​e 的错误。

最后，我在这里组装了一个 plunker ，一切都按照您提取的代码的方式工作。让我知道它是否有帮助。