html - 使用 Angularjs 更改类中的背景图像

Question

我有一个名为 "tp-cont" 的类，它是从不同的 .css 文件加载的。我可以使用以下代码使用 jQuery 更改背景图像。

在 HTML 中:

<li ng-click="changeTemplateBackgroundImage()"></li>

在 Controller 中:

$scope.changeTemplateBackgroundImage = function(){

        var imageUrl = 'public/uploads/Admin/template_themes/1/black.png';
        $('.tp-cont').css('background-image','url(' + imageUrl + ')');

    };

我想知道是否可以使用 angularjs

解决同样的问题

提前致谢

Answer given below:

在 Controller 中:

$scope.changeTemplateBackgroundImage = function(){

        $scope.bgUrl = 'public/uploads/Admin/template_themes/1/black.png';

    };

在 HTML 中:

<div class="tp-cont" ng-style="{ 'background-image': 'url({{bgUrl}})' }">

Answer 1

在 Controller 中:

$scope.changeTemplateBackgroundImage = function(){

        $scope.bgUrl = 'public/uploads/Admin/template_themes/1/black.png';

    };

在 HTML 中:

<div class="tp-cont" ng-style="{ 'background-image': 'url({{bgUrl}})' }">