如何将异步获取的CSS应用到视图中

时间:2015-04-06 21:07:00

标签: javascript css angularjs

我使用以下代码在Ionic项目中使用AngularJS异步(html + css + js)获取html捆绑视图:

.controller('Main', function($scope, $http, $sce, $window) {

$http.get('URL').
success(function(data, status, headers, config) {
    $scope.ui = $sce.trustAsHtml(data.create_ui);
}).
error(function(data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});

});

问题在于提供的CSS使用< link> 标记,并且由于注入了hml,因此永远不会获取此链接并将其应用于视图的样式。

有没有办法获取或导入这些css和js脚本?

在此先感谢,如果需要更多信息,我愿意更新。

1 个答案:

答案 0 :(得分:1)

<link rel="stylesheet" ng-href="{{dynamicFile.href}}" type="{{dynamicFile.type}}"  />

您可以在回调中设置dynamicFile

.controller('Main', function($scope, $http, $sce, $window) {

$http.get('URL').
success(function(data, status, headers, config) {
    $scope.ui = $sce.trustAsHtml(data.create_ui);
    $scope.dynamicFile = data.dynamicFile;
}).
error(function(data, status, headers, config) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});

});

这也很有用https://github.com/Yappli/angular-css-injector