在AngularJS中添加’ng-style’的背景图像

发布时间：2020-12-17 08:53:10 所属栏目：安全来源：网络整理

导读：我似乎无法使用控制器来设置div的CSS背景属性.到目前为止,这是我的代码,根据文档： HTML： div class="hero" ng-controller="HeroCtrl" ng-style="heroImage"/div JS： 'use strict';angular.module('AppliedSiteApp').controller('HeroCtrl',function ($sco

我似乎无法使用控制器来设置div的CSS背景属性.到目前为止,这是我的代码,根据文档：

HTML：

<div class="hero" ng-controller="HeroCtrl" ng-style="heroImage"></div>

JS：

'use strict';

angular.module('AppliedSiteApp').controller('HeroCtrl',function ($scope) {

    $scope.heroImage = {
        background: 'images/brick.jpg'
    };

    console.log($scope.heroImage);

});

CSS：

.hero {
    width: 100%;
    min-height: 350px;
    background-position: center center;
}

我也尝试在Fiddle here中复制这个设置.有没有人有任何想法？

$scope.heroImage = {
    background: 'url(images/brick.jpg)'
};

background-image需要url()才能工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!